*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0C1B2E;--navy2:#162438;--navy3:#1E3350;--blue:#1A6BC4;--blue-l:#E8F2FC;--blue-m:#3B8BDD;--green:#2D6A0F;--green-l:#ECF5E3;--green-m:#4E9A1A;--amber:#A86200;--amber-l:#FEF3E2;--amber-m:#D98E00;--red:#9B1F1F;--red-l:#FDEAEA;--red-m:#D94040;--teal:#0D6E58;--teal-l:#E2F5EF;--teal-m:#1A9E78;--purple:#4A3FB0;--purple-l:#EEEDFD;--gray:#6B6A64;--gray-l:#F4F3EF;--white:#FFFFFF;--border:#E0DDD5;--muted:#777672;--text:#1A1917;--bg:#F7F6F2;--sh:0 1px 8px rgba(0,0,0,.07);--sh2:0 4px 20px rgba(0,0,0,.13)}body{font-family:Barlow,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.sb{position:fixed;left:0;top:0;width:228px;height:100vh;background:var(--navy);display:flex;flex-direction:column;z-index:200;overflow:hidden}.sb-top{padding:18px 16px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.sb-logo{font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:.2px}.sb-sub{font-size:10px;color:#8aaac8;margin-top:3px}.sb-proj-box{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.sb-proj-lbl{font-size:9px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#405870;margin-bottom:6px}.sb-proj-btn{display:flex;align-items:center;gap:8px;width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:9px 11px;cursor:pointer}.sb-proj-btn:hover{background:#ffffff1c}.sb-proj-name{font-size:12px;font-weight:600;color:#fff;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-sec{padding:12px 12px 4px;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#405870}.sb-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.sb-nav{list-style:none;padding:0 8px}.sb-nav li{margin-bottom:2px}.sb-nav a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:7px;color:#8aaac8;font-size:13px;font-weight:500;cursor:pointer;transition:.13s}.sb-nav a:hover{background:#ffffff12;color:#fff}.sb-nav a.on{background:#1e78d233;color:#7cc4f8}.sb-nav a .ic{font-size:14px;width:18px;text-align:center}.sb-nav a .ct{margin-left:auto;background:#ffffff1a;color:#8aaac8;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px}.sb-nav a.on .ct{background:#1e78d24d;color:#7cc4f8}[data-viewer-disabled]{opacity:.45;pointer-events:none;cursor:not-allowed}.sb-codes{padding:8px 14px 10px}.sb-foot{margin-top:auto;padding:12px 14px;border-top:1px solid rgba(255,255,255,.07);font-size:10px;color:#405870;line-height:1.7}.badge2{display:inline-block;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px}.main{margin-left:228px;display:flex;flex-direction:column;min-height:100vh}.topbar{background:#fff;border-bottom:1px solid var(--border);padding:0 24px;height:54px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.tb-title{font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:700;letter-spacing:.3px}.tb-right{display:flex;gap:8px;align-items:center}.bal-strip{background:var(--navy2);padding:8px 24px;display:none;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.bal-strip.show{display:flex}.bal-item{text-align:center}.bal-lbl{font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#546882}.bal-val{font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:700;line-height:1.1}.bal-div{width:1px;height:32px;background:#ffffff1a}.bal-prog-wrap{min-width:130px}.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;border:none;font-family:Barlow,sans-serif;transition:.13s;white-space:nowrap}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy3)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--gray-l)}.btn-green{background:var(--green-l);color:var(--green);border:1px solid #B8DCA0}.btn-green:hover{background:#ddf2c8}.btn-red{background:var(--red-l);color:var(--red);border:1px solid #F5C0C0}.btn-red:hover{background:#fbd5d5}.btn-amber{background:var(--amber-l);color:var(--amber);border:1px solid #F5D9A0}.btn-amber:hover{background:#feead0}.btn-teal{background:var(--teal-l);color:var(--teal);border:1px solid #9FE0CB}.btn-teal:hover{background:#cceddf}.btn-sm{padding:5px 10px;font-size:11px;border-radius:5px}.btn-xs{padding:3px 8px;font-size:10px;border-radius:4px}.content{padding:22px 24px;flex:1}.page{display:none}.page.on{display:block}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.proj-card{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden;box-shadow:var(--sh);cursor:pointer;transition:.18s}.proj-card:hover{box-shadow:var(--sh2);transform:translateY(-2px)}.proj-card-bar{height:4px}.proj-card-body{padding:16px}.proj-card-name{font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700;color:var(--text);margin-bottom:2px}.proj-card-addr{font-size:11px;color:var(--muted)}.proj-card-foot{padding:10px 16px;background:var(--bg);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border)}.ps-val{font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700}.ps-lbl{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.add-card{background:#fff;border:2px dashed var(--border);border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px;cursor:pointer;transition:.18s;min-height:155px}.add-card:hover{border-color:var(--blue-m);background:var(--blue-l)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.mc{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 16px;border-top:3px solid var(--ac,var(--border));box-shadow:var(--sh)}.mc-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}.mc-val{font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:700;line-height:1.1;margin:3px 0 2px}.mc-sub{font-size:11px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--sh);margin-bottom:18px;overflow:hidden}.ph{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.ph-title{font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.ph-ct{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600;background:var(--gray-l);color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tw{overflow-x:auto}table{width:100%;border-collapse:collapse}th{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:9px 14px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;background:var(--bg)}td{padding:11px 14px;border-bottom:1px solid #F0EDE6;vertical-align:middle;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:#fefdf9}.tn{font-weight:600}.tm{font-size:11px;color:var(--muted);margin-top:1px}.row-actions{display:flex;gap:5px;opacity:0;transition:.13s}tr:hover .row-actions{opacity:1}.badge{display:inline-block;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.2px;white-space:nowrap}.b-blue{background:var(--blue-l);color:var(--blue)}.b-green{background:var(--green-l);color:var(--green)}.b-amber{background:var(--amber-l);color:var(--amber)}.b-red{background:var(--red-l);color:var(--red)}.b-teal{background:var(--teal-l);color:var(--teal)}.b-purple{background:var(--purple-l);color:var(--purple)}.b-gray{background:var(--gray-l);color:var(--gray)}.cbc{background:var(--purple-l);color:var(--purple);font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px}.prog-wrap{display:flex;align-items:center;gap:7px}.prog-bar{width:80px;height:4px;background:var(--border);border-radius:2px;overflow:hidden;flex-shrink:0}.prog-fill{height:100%;border-radius:2px}.prog-pct{font-size:12px;font-weight:700;min-width:30px}.sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sh-title{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;letter-spacing:.2px}.sh-sub{font-size:12px;color:var(--muted);margin-top:2px}.sum-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}.sum-card{background:#fff;border:1px solid var(--border);border-radius:9px;padding:12px 14px;text-align:center;box-shadow:var(--sh)}.sum-v{font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:700}.sum-l{font-size:10px;color:var(--muted);margin-top:2px}.datebox{background:var(--bg);border-radius:7px;padding:5px 10px;text-align:center;min-width:44px;flex-shrink:0}.db-d{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;line-height:1}.db-m{font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-top:1px}.db-t{font-size:9px;font-weight:700;color:var(--amber);margin-top:2px}.drop-zone{border:2px dashed var(--border);border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:.15s;margin-top:6px}.drop-zone:hover,.drop-zone.drag{border-color:var(--blue-m);background:var(--blue-l)}.drop-zone-txt{font-size:12px;color:var(--muted);margin-top:4px}.attach-list{margin-top:8px;display:flex;flex-direction:column;gap:5px}.a-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--bg);border:1px solid var(--border);border-radius:6px}.a-icon{font-size:17px;flex-shrink:0}.a-name{flex:1;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.a-size{font-size:10px;color:var(--muted);flex-shrink:0}.a-dl{background:var(--blue-l);color:var(--blue);border:none;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700;cursor:pointer;font-family:Barlow,sans-serif}.a-rm{background:var(--red-l);color:var(--red);border:none;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:700;cursor:pointer;font-family:Barlow,sans-serif}.pay-box{border-radius:7px;padding:8px 10px;min-width:185px}.pay-box-paid{background:var(--green-l);border:1px solid #B8DCA0}.pay-box-unpaid{background:var(--bg);border:1px solid var(--border)}.lien-box{border-radius:7px;padding:7px 10px;min-width:170px}.lien-box-yes{background:var(--teal-l);border:1px solid #9FE0CB}.lien-box-no{background:var(--bg);border:1px solid var(--border)}.mo{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0c1b2e8c;z-index:1000;align-items:flex-start;justify-content:center;padding:30px 16px;overflow-y:auto}.mo.open{display:flex}.modal{background:#fff;border-radius:12px;width:100%;max-width:560px;box-shadow:var(--sh2);margin:auto;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:var(--navy);color:#fff}.modal-title{font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;letter-spacing:.4px}.modal-x{background:none;border:none;color:#8aaac8;font-size:20px;cursor:pointer;line-height:1}.modal-x:hover{color:#fff}.modal-body{padding:20px}.modal-foot{padding:13px 20px;border-top:1px solid var(--border);background:var(--bg);display:flex;justify-content:flex-end;gap:8px}.fr{margin-bottom:14px}.fl{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:5px}.fi,.fs,.ft{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:7px;font-size:13px;font-family:Barlow,sans-serif;background:#fff;color:var(--text);outline:none;transition:.13s}.fi:focus,.fs:focus,.ft:focus{border-color:var(--blue-m)}.ft{resize:vertical;min-height:60px}.fg{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-row{display:flex;gap:7px;flex-wrap:wrap}.cswatch{width:26px;height:26px;border-radius:5px;cursor:pointer;border:2px solid transparent;transition:.13s}.cswatch.sel{border-color:var(--text);transform:scale(1.15)}.divider{border-top:1px solid var(--border);margin:12px 0}.exp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.exp-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px;text-align:center;cursor:pointer;transition:.18s;box-shadow:var(--sh)}.exp-card:hover{box-shadow:var(--sh2);transform:translateY(-2px);border-color:var(--blue-m)}.comp-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #F0EDE6}.comp-row:last-child{border-bottom:none}.comp-lbl{font-size:12px;flex:1}.comp-bar{width:90px;height:5px;background:var(--border);border-radius:3px;overflow:hidden;flex-shrink:0}.comp-fill{height:100%;border-radius:3px}.comp-st{font-size:10px;font-weight:700;min-width:64px;text-align:right;flex-shrink:0}.ceqa{background:var(--purple-l);border:1px solid #B8B0F0;border-radius:9px;padding:11px 16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.ceqa-pills{display:flex;gap:6px}.ceqa-pill{background:#fff;color:var(--purple);font-size:10px;font-weight:700;padding:3px 9px;border-radius:11px}.toast{position:fixed;bottom:22px;right:22px;background:var(--navy);color:#fff;padding:10px 18px;border-radius:9px;font-size:13px;font-weight:500;z-index:3000;opacity:0;transform:translateY(8px);transition:.28s;pointer-events:none;box-shadow:var(--sh2)}.toast.show{opacity:1;transform:translateY(0)}.empty{padding:40px;text-align:center;color:var(--muted)}.empty-ic{font-size:30px;opacity:.3;margin-bottom:8px}@media print{.sb,.topbar,.btn,.row-actions,.mo,.toast,.bal-strip{display:none!important}.main{margin-left:0}}@media (max-width:768px){.sb{transform:translate(-100%);transition:transform .25s ease;width:260px;z-index:500}.sb.mob-open{transform:translate(0)}.main{margin-left:0!important}.topbar{padding:0 12px}.content{padding:12px}.mob-menu-btn{display:flex!important}.sb-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:499}.sb-overlay.show{display:block}.metrics{grid-template-columns:1fr 1fr!important}.sum-grid{grid-template-columns:repeat(2,1fr)!important}.two-col,.fg{grid-template-columns:1fr!important}.exp-grid{grid-template-columns:1fr 1fr!important}table{font-size:11px}th,td{padding:7px 8px!important}.proj-grid,#inv-chart-row{grid-template-columns:1fr!important}.bal-strip{flex-wrap:wrap;gap:8px;padding:10px 12px}.sh{flex-wrap:wrap;gap:8px}.modal{max-width:100%!important;margin:8px}.mo{padding:8px}.inv-info-grid{grid-template-columns:1fr!important}}