:root{--g:#176837;--gd:#104d2a;--bg:#f4f7f3;--line:#dbe4dc;--muted:#68746b;--text:#172018}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}
.topbar{background:#fff;border-bottom:1px solid var(--line);padding:10px 4vw;display:flex;align-items:center;gap:22px;position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:10px;min-width:235px}.brand img{width:56px;height:56px;object-fit:contain}.brand strong,.brand small{display:block}.brand small{color:var(--muted);margin-top:3px}
nav{display:flex;gap:5px;flex:1;flex-wrap:wrap}nav a{padding:9px 10px;border-radius:9px;font-weight:700;color:#455249}nav a:hover{background:#eaf5ed}
.ghost,.primary,.secondary,.danger{border:0;border-radius:10px;padding:10px 14px;font-weight:800}.ghost{background:#eef3ee}.primary{background:var(--g);color:#fff}.secondary{background:#eaf1eb;color:#234b30}.danger{background:#fff0ed;color:#a83225}.small{padding:7px 9px}.big{padding:14px 18px}.btn{display:inline-flex;align-items:center}
.container{width:min(1180px,92%);margin:34px auto}.footer{text-align:center;color:var(--muted);padding:30px}
.hero{background:linear-gradient(135deg,var(--g),var(--gd));color:#fff;padding:36px;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero h1,.page-head h1{font-size:40px;margin:8px 0}.hero p{margin:0;color:#deece1}
.eyebrow{font-size:12px;letter-spacing:1.2px;font-weight:800;color:#607064}.eyebrow.light{color:#d6e8da}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.stats a,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.stats span{color:var(--muted)}.stats strong{display:block;font-size:42px;color:var(--g);margin-top:8px}
.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.two-col{display:grid;grid-template-columns:360px 1fr;gap:20px}.calc-bottom{display:grid;grid-template-columns:1fr 360px;gap:20px}
.stack{display:grid;gap:14px}label{display:grid;gap:6px;font-size:14px;font-weight:700}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #cfd9d0;border-radius:9px;background:#fff}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #e8eee8;vertical-align:middle}th{font-size:12px;text-transform:uppercase;color:var(--muted)}td small{color:var(--muted)}
.inline-grid{display:grid;grid-template-columns:1fr 2fr .7fr .8fr .6fr auto;gap:10px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.chip{background:#f4faf5;border:1px solid #cfe0d2;border-radius:11px;padding:10px 12px;text-align:left}.chip strong,.chip small{display:block}.chip small{color:var(--muted);margin-top:3px}
.sum-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}.sum-row.grand{font-size:22px;color:var(--gd)}
.offer-sheet{background:#fff;max-width:920px;margin:auto;padding:42px;border:1px solid var(--line);box-shadow:0 18px 45px rgba(30,70,38,.08)}.offer-head{display:flex;justify-content:space-between;border-bottom:3px solid var(--g);padding-bottom:20px}.offer-head img{width:150px;height:100px;object-fit:contain}.offer-head>div{text-align:right}.offer-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f4f8f3;padding:16px;border-radius:12px;margin:24px 0}.offer-meta span,.offer-meta strong,.offer-meta small{display:block}.offer-meta span{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase}.offer-meta small{color:var(--muted);margin-top:3px}.offer-table th{background:#f1f5f1}.totals-box{max-width:380px;margin:24px 0 0 auto}.totals-box>div{display:flex;justify-content:space-between;padding:7px 0}.totals-box .grand{border-top:2px solid var(--g);font-size:22px;color:var(--gd);padding-top:13px}.notes{margin-top:25px;border-top:1px solid var(--line);padding-top:16px}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 16% 18%,#e0f0e3,transparent 35%),var(--bg)}
.login-card{width:min(900px,100%);min-height:520px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 24px 65px rgba(22,67,35,.12)}
.brand-panel{background:linear-gradient(145deg,var(--g),var(--gd));color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:center}.logo{width:150px;height:150px;object-fit:contain;background:#fff;border-radius:16px;padding:8px}.brand-panel h1{font-size:50px;line-height:1.02;margin:28px 0 14px}.brand-panel p{color:#deece1}
.form-panel{padding:48px;display:flex;flex-direction:column;justify-content:center}.form-panel h2{font-size:34px;margin:12px 0 24px}.form-panel input{height:52px}.form-panel button{border:0;border-radius:11px;background:var(--g);color:#fff;font-weight:800;padding:14px}.alert{background:#fff0ed;color:#ad3224;border:1px solid #efbeb6;border-radius:10px;padding:12px;margin-bottom:16px}
@media(max-width:900px){.topbar{flex-wrap:wrap}.topbar nav{order:3;width:100%;overflow:auto;flex-wrap:nowrap}.two-col,.calc-bottom{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}.inline-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr}}
@media(max-width:650px){.container{width:94%;margin:20px auto}.login-card{grid-template-columns:1fr}.brand-panel,.form-panel{padding:30px}.brand-panel h1{font-size:40px}.hero,.page-head{flex-direction:column;align-items:flex-start}.form-grid,.inline-grid{grid-template-columns:1fr}.offer-meta{grid-template-columns:1fr}.offer-sheet{padding:20px}}
@media print{.no-print,.footer{display:none!important}.container{width:100%;margin:0}.offer-sheet{border:0;box-shadow:none;max-width:none;padding:0}}