:root{--navy:#10233f;--navy-2:#1b365d;--yellow:#f5b82e;--yellow-soft:#fff6d9;--paper:#f4f7fb;--ink:#172033;--muted:#667085;--line:#dce3ec;--green:#15803d;--red:#c62828}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding-bottom:84px}.topbar{z-index:30;color:#fff;border-bottom:3px solid var(--yellow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10233ff7;justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(16px,4vw,42px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand img{object-fit:contain;width:46px;height:46px}.brand h1{margin:0;font-size:clamp(16px,2.2vw,22px);line-height:1.1}.brand p{color:#b9c6d8;margin:4px 0 0;font-size:11px}.status-pill{white-space:nowrap;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:7px 10px;font-size:11px}.account-area{align-items:center;gap:9px;font-size:11px;display:flex}.account-area span{text-overflow:ellipsis;max-width:180px;overflow:hidden}.auth-loading,.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-loading{color:var(--muted)}.auth-page{background:radial-gradient(circle at 20% 10%,#fff4bd 0,#0000 32%),linear-gradient(145deg,#0c1d36,#193b65)}.auth-card{background:#fff;border-radius:22px;width:min(100%,440px);padding:30px;box-shadow:0 28px 80px #00000047}.auth-card>img{width:72px;height:72px;margin:0 auto 14px;display:block}.auth-card h1{text-align:center;color:var(--navy);margin:4px 0 8px;font-size:26px}.auth-card>.eyebrow,.auth-help{text-align:center}.auth-help{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.5}.google-button{color:#26364b;background:#fff;border:1px solid #cad3df;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px;font-weight:800;display:flex}.google-button span{color:#4285f4;font-size:18px}.auth-divider{color:#8190a3;align-items:center;gap:10px;margin:18px 0;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#dfe5ec;flex:1;height:1px}.auth-card form,.auth-card form label{gap:8px;display:grid}.auth-card form{gap:13px}.auth-card form label span{color:#536277;font-size:11px;font-weight:800}.auth-card form input{width:100%;font:inherit;border:1px solid #cad3df;border-radius:10px;padding:11px}.auth-submit{width:100%;margin-top:3px}.auth-message{color:#6f4d00;background:#fff5d7;border-radius:9px;padding:10px;font-size:12px}.auth-links{justify-content:space-between;gap:12px;margin:15px 0;display:flex}.auth-links button{color:#285d96;background:0 0;border:0;padding:0;font-size:11px}.auth-card small{text-align:center;color:#8190a3;display:block}.workspace{grid-template-columns:minmax(0,1fr) 360px;gap:18px;width:min(1480px,100%);margin:0 auto;padding:20px clamp(14px,3vw,32px);display:grid}.main-column,.side-column{min-width:0}.side-column{align-self:start;position:sticky;top:90px}.tabs{scrollbar-width:none;gap:8px;padding:2px 2px 12px;display:flex;overflow-x:auto}.tab{border:1px solid var(--line);color:#344054;background:#fff;border-radius:12px;flex:none;padding:9px 14px;font-size:13px;font-weight:750}.tab.active{color:var(--navy);background:var(--yellow-soft);border-color:#e8b323}.card{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:14px;padding:18px;box-shadow:0 8px 26px #10233f0d}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px;display:flex}.card h2,.card h3{color:var(--navy);margin:0}.card h2{font-size:18px}.card h3{font-size:15px}.eyebrow{color:#8a6510;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:800}.help{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.5}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{flex-direction:column;gap:5px;display:flex}.field.wide{grid-column:1/-1}.field label{color:#475467;font-size:11px;font-weight:750}.field input,.field select,.field textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cdd6e2;border-radius:10px;outline:none;padding:10px 11px;transition:all .15s}.field textarea{resize:vertical;min-height:90px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#c28c00;box-shadow:0 0 0 3px #f5b82e33}.section-title{border-top:1px solid var(--line);color:var(--navy);margin:18px 0 10px;padding-top:14px;font-size:13px}.actions{flex-wrap:wrap;gap:8px;display:flex}.btn{border:1px solid #0000;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:800}.btn-primary{background:var(--yellow);color:#172033}.btn-dark{background:var(--navy);color:#fff}.btn-light{color:var(--navy);border-color:var(--line);background:#f7f9fc}.btn-danger{color:var(--red);background:#fff1f1;border-color:#ffd0d0}.summary{color:#fff;background:linear-gradient(150deg,#10233f,#1d406f);border:1px solid #294d79;border-radius:20px;overflow:hidden;box-shadow:0 18px 44px #10233f38}.summary-head{border-bottom:1px solid #ffffff1a;padding:17px 18px}.summary-head h2{margin:0;font-size:18px}.summary-head p{color:#b9c6d8;margin:4px 0 0;font-size:11px}.metric-grid{background:#ffffff14;grid-template-columns:1fr 1fr;gap:1px;display:grid}.metric{background:#10233fb8;padding:14px 16px}.metric span{color:#b9c6d8;font-size:10px;display:block}.metric strong{margin-top:4px;font-size:16px;display:block}.balance{text-align:center;background:#ffffff14;border-radius:14px;margin:14px;padding:16px}.balance.positive{border:1px solid #4ade8059}.balance.negative{border:1px solid #f8717166}.balance span{color:#cbd5e1;font-size:11px;font-weight:800}.balance strong{color:#4ade80;margin-top:5px;font-size:27px;display:block}.balance.negative strong{color:#f87171}.strategy{padding:4px 16px 17px}.strategy-row{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:12px;padding:7px 0;font-size:12px;display:flex}.strategy-row:last-child{border:0}.strategy-row span{color:#b9c6d8}.strategy-row.recommended strong{color:var(--yellow);font-size:16px}.breakdown{background:#07142659;border:1px solid #ffffff1f;border-radius:13px;margin:0 14px 12px}.breakdown summary{color:#fff;cursor:pointer;padding:11px 13px;font-size:12px;font-weight:800}.breakdown h3{color:#f5b82e;letter-spacing:.05em;text-transform:uppercase;margin:12px 13px 5px;font-size:10px}.volume-lines,.breakdown-rows{padding:0 13px}.volume-lines{border-bottom:1px solid #ffffff14;grid-template-columns:1fr 1fr;gap:1px 14px;padding-bottom:9px;display:grid}.volume-lines div,.breakdown-rows div,.breakdown-total{justify-content:space-between;gap:10px;padding:5px 0;font-size:10.5px;display:flex}.volume-lines span,.breakdown-rows span{color:#b9c6d8}.breakdown-rows strong,.volume-lines strong{text-align:right;font-weight:750}.breakdown-total{border-top:1px solid #ffffff26;margin:8px 13px 0;padding:8px 0;font-size:11px;font-weight:850}.breakdown-total.income{color:#4ade80;margin-bottom:11px}.alert{border-radius:10px;padding:11px 12px;font-size:12px;line-height:1.45}.alert-warning{color:#7a4d00;background:#fff6d9;border:1px solid #f4d477}.alert-danger{color:#971b1b;background:#fff1f1;border:1px solid #ffc7c7}.project-list{gap:9px;display:grid}.project-item{border:1px solid var(--line);background:#fbfcfe;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.project-item strong{font-size:13px;display:block}.project-item small{color:var(--muted)}.empty{text-align:center;color:var(--muted);border:1px dashed #cbd5e1;border-radius:13px;padding:28px}.doc-preview{color:#111827;background:#fff}.doc-preview header{text-align:center;border-bottom:2px solid #1f2937;padding-bottom:16px}.doc-preview h2{text-align:center;margin:10px 0;font-size:20px}.doc-preview h3{text-transform:uppercase;margin:20px 0 7px;font-size:14px}.doc-preview p,.doc-preview li{font-family:Georgia,Times New Roman,serif;font-size:13px;line-height:1.6}.doc-preview .parties{background:#f8fafc;border-radius:10px;padding:12px}.doc-preview .signature{text-align:center;grid-template-columns:1fr 1fr;gap:40px;margin-top:54px;display:grid}.doc-preview .signature div{border-top:1px solid #111;padding-top:7px}.footer-note{color:#667085;text-align:center;padding:20px 14px;font-size:11px}.stress-toggle{color:#fff;align-items:center;gap:7px;font-size:11px;display:flex}.contract-extra .legal-note{color:#5d4a18;background:#fff8df;border-left:3px solid #d7a11e;margin-top:20px;padding:10px 12px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px}@media (width<=980px){.workspace{grid-template-columns:1fr}.side-column{order:-1;position:static}.account-area span{display:none}}@media (width<=640px){.topbar{flex-wrap:wrap;align-items:flex-start}.status-pill{display:none}.account-area{margin-left:auto}.workspace{padding-top:12px}.card{border-radius:14px;padding:14px}.form-grid,.form-grid.three{grid-template-columns:1fr}.field.wide{grid-column:auto}.doc-preview .signature{gap:16px}.auth-card{padding:22px}.auth-links{flex-direction:column;align-items:flex-start}}@media print{body *{visibility:hidden!important}#print-document,#print-document *{visibility:visible!important}#print-document{width:100%;padding:20mm;position:absolute;inset:0}.no-print{display:none!important}@page{size:A4;margin:0}}
