:root{--navy:#2D3244;--teal:#225F78;--sage:#9FC08A;--sage-deep:#6f9a57;--cream:#FBEBD8;--grey:#E7E6E3;--white:#FFFFFF;--ink:#2D3244;--muted:#7c8190;--line:#ecece9;--amber:#E0A23B;--red:#C9605B;--radius:22px;--shadow:0 10px 30px rgba(45,50,68,.06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,system-ui,sans-serif;background:var(--grey);color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.fig{font-family:Figtree,sans-serif}a{color:inherit}.app{display:flex;min-height:100vh}.sidebar{width:248px;background:var(--navy);color:#cfd3dd;padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 26px}.brand .logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--sage),var(--teal));display:flex;align-items:center;justify-content:center;color:#fff;font-family:Figtree;font-weight:900;font-size:18px}.brand b{color:#fff;font-family:Figtree;font-weight:800;font-size:18px;letter-spacing:.2px}.brand small{display:block;color:#8b93a6;font-size:10.5px;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.nav-label{font-size:10.5px;letter-spacing:1.5px;color:#6f7689;text-transform:uppercase;margin:18px 10px 8px;font-weight:600}.nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:13px;color:#c2c7d4;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;position:relative;transition:.15s}.nav a svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9}.nav a:hover{background:#ffffff0d;color:#fff}.nav a.active{background:#9fc08a29;color:#fff}.nav a.active:before{content:"";position:absolute;left:-18px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--sage)}.nav a .badge{margin-left:auto;background:var(--teal);color:#fff;font-size:11px;font-weight:600;border-radius:8px;padding:1px 8px}.side-card{margin-top:auto;background:linear-gradient(150deg,#2a3550,#1d4256);border-radius:18px;padding:18px;color:#dfe6ee}.side-card h4{color:#fff;font-size:14px;margin-bottom:4px}.side-card p{font-size:11.5px;color:#aeb9c6;margin-bottom:12px;line-height:1.45}.side-card button{width:100%;border:0;background:var(--sage);color:#22311a;font-weight:700;font-family:Figtree;padding:9px;border-radius:11px;cursor:pointer}.main{flex:1;padding:22px 30px 50px;max-width:1500px}.topbar{display:flex;align-items:center;gap:18px;background:var(--white);border-radius:18px;padding:12px 16px;box-shadow:var(--shadow);margin-bottom:22px}.search{flex:1;display:flex;align-items:center;gap:10px;background:#f5f5f3;border-radius:12px;padding:11px 15px;color:var(--muted);font-size:13.5px}.search svg{width:17px;height:17px;stroke:var(--muted);fill:none;stroke-width:2}.search .kbd{margin-left:auto;background:#fff;border:1px solid var(--line);border-radius:7px;padding:1px 8px;font-size:11px}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn svg{width:18px;height:18px;stroke:var(--navy);fill:none;stroke-width:1.8}.profile{display:flex;align-items:center;gap:11px;padding-left:6px;cursor:pointer;position:relative}.profile .av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--sage));color:#fff;display:flex;align-items:center;justify-content:center;font-family:Figtree;font-weight:800}.profile b{font-size:13.5px;font-family:Figtree}.profile small{display:block;color:var(--muted);font-size:11.5px}.menu{position:absolute;top:54px;right:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:6px;min-width:170px;z-index:20}.menu .who{padding:8px 12px;border-bottom:1px solid var(--line);margin-bottom:4px}.menu .who b{font-size:13px;font-family:Figtree;color:var(--navy)}.menu .who small{display:block;color:var(--muted);font-size:11.5px}.menu button{width:100%;text-align:left;border:0;background:none;padding:10px 12px;border-radius:10px;font-size:13.5px;cursor:pointer;color:var(--navy)}.menu button:hover{background:#f5f5f3}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:14px}.page-head h1{font-size:33px;font-weight:800;color:var(--navy);letter-spacing:-.5px}.page-head p{color:var(--muted);font-size:14px;margin-top:5px}.actions{display:flex;gap:11px}.btn{border:0;border-radius:13px;padding:13px 22px;font-family:Figtree;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--teal);color:#fff}.btn.ghost{background:#fff;color:var(--navy);border:1.5px solid var(--line)}.btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.2}.grid{display:grid;gap:18px}.card{background:var(--white);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.card h3{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:2px}.card .sub{color:var(--muted);font-size:12.5px;margin-bottom:16px}.kpis{grid-template-columns:repeat(4,1fr)}.kpi{position:relative;overflow:hidden}.kpi .arrow{position:absolute;top:20px;right:20px;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center}.kpi .arrow svg{width:14px;height:14px;stroke:var(--navy);fill:none;stroke-width:2}.kpi .label{font-size:13.5px;color:var(--muted);font-weight:600;margin-bottom:14px}.kpi .val{font-size:38px;font-family:Figtree;font-weight:800;color:var(--navy);letter-spacing:-1px;line-height:1}.kpi .delta{margin-top:14px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.kpi .chip{background:#eef4e9;color:var(--sage-deep);border-radius:7px;padding:1px 7px;font-weight:700;font-size:11px}.kpi.hero{background:linear-gradient(150deg,var(--teal),#1b4f64);color:#fff}.kpi.hero .label,.kpi.hero .val,.kpi.hero .delta{color:#fff}.kpi.hero .arrow{border-color:#fff6;background:#fff}.kpi.hero .arrow svg{stroke:var(--teal)}.kpi.hero .chip{background:#ffffff38;color:#fff}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:4px 11px;font-size:11.5px;font-weight:700;font-family:Figtree}.pill .dot{width:7px;height:7px;border-radius:50%}.pill.paid{background:#eef4e9;color:var(--sage-deep)}.pill.paid .dot{background:var(--sage-deep)}.pill.part{background:#fdf3e2;color:#b97f1d}.pill.part .dot{background:var(--amber)}.pill.due{background:#fdeceb;color:#b1463f}.pill.due .dot{background:var(--red)}.pill.void{background:#ececed;color:#7c8190}.pill.void .dot{background:#b6bac2}.pill.suggested{background:#e7f0f4;color:var(--teal)}.pill.suggested .dot{background:var(--teal)}.row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row .ico{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:Figtree;font-weight:800;font-size:13px;color:#fff;flex:none}.row .t{font-size:13.5px;font-weight:600;color:var(--navy)}.row .s{font-size:12px;color:var(--muted)}.row .right{margin-left:auto;text-align:right}.amt{font-family:Figtree;font-weight:800;color:var(--navy);font-size:14px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid var(--line);font-size:13.5px}tr:last-child td{border-bottom:0}.matrix td.room{font-weight:600;color:var(--navy)}.cell{text-align:center}.prop-row td{background:#fafaf8;font-family:Figtree;font-weight:700;color:var(--navy)}.mini{font-size:11.5px;color:var(--muted)}.link{color:var(--teal);font-weight:700;cursor:pointer;font-size:12.5px;text-decoration:none}.ledger{display:grid;grid-template-columns:1fr auto;gap:10px 20px;font-size:13.5px}.ledger .lbl{color:var(--muted)}.ledger .num{text-align:right;font-family:Figtree;font-weight:700;color:var(--navy)}.ledger .tot{border-top:2px solid var(--navy);padding-top:11px;margin-top:5px;font-size:16px}.ledger .neg{color:var(--red)}.banner{background:var(--cream);border-radius:14px;padding:13px 16px;font-size:12.5px;color:#8a6a3f;display:flex;gap:10px;align-items:flex-start;margin-bottom:16px}.banner svg{width:16px;height:16px;flex:none;margin-top:1px;stroke:#b98a44;fill:none;stroke-width:2}.tag{font-size:11px;font-weight:700;font-family:Figtree;padding:3px 9px;border-radius:8px;background:#e7f0f4;color:var(--teal)}.tag.cost{background:#ececed;color:#6b7180}.recon-gauge{width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:6px auto 0}.recon-gauge .inner{width:112px;height:112px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.recon-gauge .pc{font-family:Figtree;font-weight:800;font-size:30px;color:var(--navy)}.legend{display:flex;gap:16px;justify-content:center;margin-top:14px;font-size:12px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:9px;height:9px;border-radius:3px;display:inline-block}.hint{font-size:11.5px;color:var(--muted);margin-top:7px;line-height:1.5}.empty{text-align:center;color:var(--muted);padding:26px 10px;font-size:13px}.empty .big{font-family:Figtree;font-weight:800;color:var(--navy);font-size:20px;margin-bottom:4px}.skeleton{color:var(--muted);font-size:13px;padding:18px 0}.bars{display:flex;align-items:flex-end;gap:26px;height:170px;padding:0 6px}.bars .col{flex:1;text-align:center;display:flex;flex-direction:column;justify-content:flex-end}.bars .bar{border-radius:12px 12px 6px 6px;min-height:24px;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;color:#fff;font-family:Figtree;font-weight:800;font-size:12px}.soon{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 20px;color:var(--muted)}.soon .mark{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--sage),var(--teal));display:flex;align-items:center;justify-content:center;color:#fff;font-family:Figtree;font-weight:900;font-size:26px;margin-bottom:18px}.soon h2{font-family:Figtree;font-weight:800;color:var(--navy);font-size:24px;margin-bottom:8px}.soon p{max-width:460px;line-height:1.55;font-size:14px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 70% -10%,#2a3550 0,var(--grey) 60%)}.login-card{background:#fff;border-radius:24px;box-shadow:0 24px 60px #2d324429;padding:40px;width:100%;max-width:420px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.login-brand .logo{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--sage),var(--teal));display:flex;align-items:center;justify-content:center;color:#fff;font-family:Figtree;font-weight:900;font-size:20px}.login-brand b{font-family:Figtree;font-weight:800;font-size:19px;color:var(--navy)}.login-brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.4px;text-transform:uppercase}.login h1{font-family:Figtree;font-weight:800;font-size:24px;color:var(--navy);margin-bottom:6px}.login p.lead{color:var(--muted);font-size:13.5px;margin-bottom:22px;line-height:1.5}.field label{display:block;font-size:12px;font-weight:700;color:var(--navy);margin-bottom:7px}.field input{width:100%;border:1.5px solid var(--line);border-radius:13px;padding:13px 15px;font-size:14px;font-family:inherit;outline:none}.field input:focus{border-color:var(--teal)}.login .btn{width:100%;justify-content:center;margin-top:16px}.notice{margin-top:18px;border-radius:13px;padding:14px 16px;font-size:13px;line-height:1.5}.notice.ok{background:#eef4e9;color:#4f6b3c}.notice.err{background:#fdeceb;color:#b1463f}.login .foot{margin-top:20px;font-size:11.5px;color:var(--muted);line-height:1.5}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;gap:10px;background:var(--grey)}.boot .dot{width:9px;height:9px;border-radius:50%;background:var(--sage);animation:pulse 1s infinite ease-in-out}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}@media (max-width:880px){.sidebar{display:none}.kpis{grid-template-columns:1fr 1fr}}