:root{--ink:#172521;--muted:#73807c;--line:#e7ece9;--canvas:#f5f8f6;--green:#176b52;--green-dark:#123b35;--mint:#e8f4ef;--blue:#e9f1fb;--amber:#fff5de;--red:#bc463e;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#fff;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);margin:0 8px 42px}.brand>span:last-child{display:flex;flex-direction:column}.brand b{font:800 17px Manrope,sans-serif}.brand small{font-size:11px;color:var(--muted);margin-top:2px}.brand-mark{display:inline-grid;place-items:center;width:39px;height:39px;background:var(--green-dark);border-radius:12px;color:#fff;font:800 19px Manrope,sans-serif}.sidebar nav{display:grid;gap:7px}.nav-link{height:44px;display:flex;align-items:center;gap:12px;padding:0 12px;text-decoration:none;color:#5d6a65;font-weight:600;border-radius:9px}.nav-link.active{background:var(--mint);color:var(--green)}.nav-link em{margin-left:auto;font-size:9px;font-style:normal;background:#e8f1ec;color:var(--green);padding:3px 6px;border-radius:8px}.muted-link{color:#8b9591}.sidebar-note{margin:auto 8px 15px;padding:12px 10px;background:#f7faf8;color:#64716c;border-radius:8px;font-size:11px;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#52a783}.logout-button{border:0;background:transparent;text-align:left;color:#65726e;padding:12px 10px;font-size:12px}.main-content{max-width:1600px;margin-left:240px;padding:32px 42px 24px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.3px;color:#84918c;margin:0 0 7px}.topbar h1{font:800 25px Manrope,sans-serif;margin:0;letter-spacing:-.6px}.topbar-right{display:flex;align-items:center;gap:15px}.date-label{color:#71807a;text-transform:capitalize}.user-chip{border-radius:18px;background:#fff;border:1px solid var(--line);padding:8px 13px;font-size:12px;font-weight:600}.hero-row{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.hero-row h2{font:700 18px Manrope,sans-serif;margin:0 0 4px}.hero-row p{margin:0;color:var(--muted);font-size:12px}.button{border:1px solid transparent;border-radius:8px;padding:10px 14px;font-weight:700;font-size:12px;transition:transform .12s,background .12s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:white}.button.primary:hover{background:#135b46}.button.outline{background:#fff;border-color:var(--line);color:#495951}.button.text-button{background:transparent;color:#6f7d77}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;min-height:114px;box-shadow:0 2px 5px #123b3506}.metric-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#66746e}.metric-card strong{display:block;font:800 22px Manrope,sans-serif;letter-spacing:-.7px;margin:12px 0 4px}.metric-card small{color:#929e99;font-size:10px}.metric-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;font-size:14px}.metric-icon.teal{background:var(--mint);color:var(--green)}.metric-icon.blue{background:var(--blue);color:#477eb3}.metric-icon.amber{background:var(--amber);color:#ad7a1e}.metric-icon.green{background:#e5f2e7;color:#43804f}.dark-metric{background:var(--green-dark);color:white;border-color:var(--green-dark)}.dark-metric .metric-top,.dark-metric small{color:#c1d7ce}.dark-metric .metric-icon{background:#28554b;color:#bfe5d0}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.85fr);gap:15px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 2px 5px #123b3506}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.panel-heading h2{font:700 16px Manrope,sans-serif;margin:0}.panel-heading .eyebrow{margin-bottom:5px}.badge{padding:6px 9px;border-radius:14px;font-size:10px;font-weight:700}.badge.estimate{background:#fff4dd;color:#9c711e}.badge.neutral{background:#f0f3f2;color:#697771}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 14px}.field-grid label,.extras-fields label{font-size:11px;font-weight:600;color:#5d6b65;display:grid;gap:7px}.field-grid input,.extras-fields input,.login-card input{width:100%;height:38px;border:1px solid #dfe7e2;border-radius:7px;padding:0 10px;color:#283630;background:#fff;outline:none;font-variant-numeric:tabular-nums}.field-grid input:focus,.extras-fields input:focus,.login-card input:focus{border-color:#5ba386;box-shadow:0 0 0 3px #176b5214}.input-prefix,.input-suffix{display:flex;position:relative;align-items:center}.input-prefix i,.input-suffix i{position:absolute;color:#97a29d;font-size:11px;font-style:normal;z-index:1}.input-prefix i{left:10px}.input-prefix input{padding-left:25px}.input-suffix i{right:10px}.input-suffix input{padding-right:25px}.switch-row{margin-top:17px;padding:13px;background:#f7faf8;border:1px solid #edf1ee;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.switch-row div{display:grid;gap:4px}.switch-row b{font-size:11px}.switch-row small{color:#88948f;font-size:10px}.switch{position:relative;display:inline-block;width:36px;height:20px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#c9d2cd;border-radius:20px;transition:.2s}.switch span:before{content:'';position:absolute;width:14px;height:14px;top:3px;left:3px;background:white;border-radius:50%;transition:.2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:before{transform:translateX(16px)}.extras-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.extras-fields:not([hidden]){display:grid}.actions{display:flex;align-items:center;gap:9px;margin-top:18px}.actions #saveState{font-size:10px}.breakdown-list{display:grid;gap:0}.breakdown-list>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eff2f0;color:#68756f;font-size:11px}.breakdown-list b{color:#30413a;font-size:11px;font-variant-numeric:tabular-nums}.breakdown-list .subtotal{color:#394b43;font-weight:700}.breakdown-list .total{border:0;margin:7px -10px 0;padding:13px 10px;border-radius:8px;background:var(--mint);color:var(--green);font-weight:700}.breakdown-list .total b{color:var(--green);font-size:14px}.breakdown-list .positive{color:#518267}.negative{color:var(--red)!important}.footnote{font-size:10px;line-height:1.55;color:#87928d;margin:14px 0}.callout{padding:12px;background:#f8f6ee;border-radius:8px;color:#746a50}.callout b{font-size:10px}.callout p{font-size:10px;line-height:1.5;margin:5px 0 0}.next-panel{margin-top:15px}.next-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.next-list span{padding:12px;background:#f8faf9;border:1px solid #eff2f0;border-radius:8px;color:#68756f;font-size:10px}.main-content footer{color:#9aa49f;font-size:10px;padding:18px 2px}.main-content footer span{padding:0 5px}.notice{padding:11px 14px;margin:-10px 0 16px;border-radius:8px;background:#e9f5ed;color:#276849;font-size:12px}.notice.error-notice{background:#fff0ed;color:#a33e38}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 10% 10%,#e4f1eb,transparent 46%),#f3f7f4}.login-wrap:not([hidden]){display:grid}.login-card{width:min(100%,390px);background:#fff;border:1px solid var(--line);box-shadow:0 16px 60px #123b3512;border-radius:16px;padding:31px}.login-card .brand-mark{margin-bottom:18px}.login-card h1{font:800 24px Manrope,sans-serif;margin:0 0 22px}.login-card label{display:grid;gap:7px;margin:14px 0;font-size:11px;font-weight:700;color:#5a6862}.login-card input{height:42px}.login-card button{width:100%;margin-top:10px}.error{color:#ae4039;min-height:16px;font-size:11px}.muted{color:#8a9690}.tiny{font-size:10px}.login-card .tiny{text-align:center;margin:13px 0 0}@media(max-width:1100px){.main-content{padding:28px 25px;margin-left:220px}.sidebar{width:220px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.next-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{position:static;width:auto;height:auto;padding:12px 15px;border:0;border-bottom:1px solid var(--line);display:flex;flex-direction:row;align-items:center;gap:12px}.brand{margin:0 auto 0 0}.brand-mark{width:34px;height:34px}.sidebar nav{display:flex;gap:3px}.nav-link{height:36px;padding:0 9px;font-size:12px}.nav-link span{display:none}.nav-link em{display:none}.sidebar-note,.logout-button{display:none}.main-content{margin:0;padding:22px 14px}.topbar{align-items:flex-start}.topbar h1{font-size:21px}.date-label{display:none}.hero-row{align-items:flex-start;gap:12px}.hero-row h2{font-size:16px}.hero-row p{max-width:240px;line-height:1.4}.button{padding:9px 10px;font-size:11px;white-space:nowrap}.metrics-grid{gap:9px}.metric-card{padding:13px;min-height:106px}.metric-card strong{font-size:18px}.metric-top{font-size:10px}.panel{padding:16px}.field-grid{gap:12px 9px}.field-grid label{font-size:10px}.field-grid input{height:36px;padding-left:8px}.input-prefix input{padding-left:22px}.extras-fields{grid-template-columns:1fr}.next-list{grid-template-columns:1fr 1fr;gap:7px}.next-list span{line-height:1.45;padding:10px}.user-chip{font-size:10px;padding:7px 9px}.topbar-right{gap:0}}@media(max-width:390px){.metrics-grid{grid-template-columns:1fr 1fr}.metric-card strong{font-size:16px}.field-grid{grid-template-columns:1fr}.hero-row{flex-direction:column}.next-list{grid-template-columns:1fr 1fr}}

#loginView[hidden],#appView[hidden]{display:none!important}