:root{--gold:#B39151;--gold2:#f0c56e;--dark:#111315;--dark2:#1c2024;--ink:#23272b;--muted:#6d747b;--bg:#f3f4f5;--white:#fff;--border:#e1e3e5;--green:#19734a;--red:#b84242;--yellow:#B39151}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.app-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:#0c0e10;color:#e8e9ea;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.app-brand{display:flex;align-items:center;gap:10px;margin:0 6px 28px}.brand-mark{width:44px;height:40px;display:grid;place-items:center;background:linear-gradient(145deg,#B39151,#B39151);color:#111;font:800 1.2rem 'Barlow Condensed';clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%)}.app-brand b{font:800 1.65rem/1 'Barlow Condensed'}.app-brand small{display:block;color:#B39151;font-size:.65rem;font-weight:800;letter-spacing:1.5px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:7px;color:#bfc4c8;font-size:.88rem;font-weight:700}.sidebar nav a.active,.sidebar nav a:hover{background:#23272b;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 var(--gold)}.sidebar-foot{margin-top:auto;display:grid;gap:9px;padding:15px 10px;border-top:1px solid #2b2e31;font-size:.78rem;color:#c6c9cc}.side-toggle{display:none}.workspace{min-width:0}.app-top{height:88px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.app-top h1{font:800 2rem/1 'Barlow Condensed';text-transform:uppercase;margin:4px 0}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-weight:800;font-size:.67rem;color:#B39151;margin:0}.top-actions{display:flex;gap:10px;align-items:center}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#171a1d;color:var(--gold);font-weight:800}.primary,.ghost,.link-btn{border:0;font-weight:800}.primary{background:var(--gold);padding:11px 16px;color:#111}.ghost{background:#fff;border:1px solid var(--border);padding:10px 14px}.link-btn{background:transparent;color:#B39151}.view{display:none;padding:28px 30px 55px}.view.active{display:block}.notice{background:#fff7e6;border-left:4px solid var(--gold);padding:13px 15px;margin-bottom:20px;font-size:.85rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.kpi-grid article{background:#fff;border:1px solid var(--border);padding:20px}.kpi-grid span,.kpi-grid small{display:block;color:var(--muted);font-size:.76rem}.kpi-grid strong{display:block;font:800 2.2rem/1.2 'Barlow Condensed';margin:5px 0}.kpi-grid.small{margin-top:18px}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--border);padding:20px}.panel.span2{grid-column:span 1}.panel-head,.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-head h2,.panel h2{font:800 1.65rem/1 'Barlow Condensed';text-transform:uppercase;margin:5px 0 14px}.view-toolbar{margin-bottom:18px}.view-toolbar p{color:var(--muted);margin:0}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pipe-col{background:#f6f7f7;padding:13px;min-height:140px}.pipe-col h3{font-size:.75rem;text-transform:uppercase;color:#71777d}.lead-chip{background:#fff;border:1px solid #e3e5e6;padding:10px;margin:8px 0;font-size:.8rem}.lead-chip b{display:block}.attention-list{display:grid;gap:9px}.attention-item{padding:11px 12px;background:#f7f7f7;border-left:3px solid var(--gold);font-size:.82rem}.attention-item.red{border-color:var(--red)}.attention-item.green{border-color:var(--green)}.pulse-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);font-size:.83rem}.progress{height:7px;background:#e7e9ea;overflow:hidden;border-radius:10px}.progress i{display:block;height:100%;background:var(--gold)}.money-list{display:grid;gap:12px}.money-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:9px}.money-row b{font-size:.9rem}.money-row span{font-weight:800}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--border);font-size:.82rem}th{font-size:.68rem;text-transform:uppercase;color:#727980;background:#fafafa}.badge{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:.68rem;font-weight:800;background:#eee}.badge.green{background:#e5f3eb;color:var(--green)}.badge.yellow{background:#fff1cf;color:var(--yellow)}.badge.red{background:#fde7e7;color:var(--red)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-card{background:#fff;border:1px solid var(--border);padding:18px}.mini-card h3{font:800 1.4rem/1.1 'Barlow Condensed';text-transform:uppercase;margin:7px 0}.mini-card .amount{font:800 1.8rem 'Barlow Condensed'}.meta{color:var(--muted);font-size:.78rem}.project-list{display:grid;gap:14px}.project-row{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr auto;gap:15px;align-items:center;background:#fff;border:1px solid var(--border);padding:18px}.project-row h3{margin:0 0 4px;font:800 1.35rem 'Barlow Condensed';text-transform:uppercase}.project-row strong,.project-row small{display:block}.project-row small{color:var(--muted)}.timeline{display:grid;gap:0;background:#fff;border:1px solid var(--border)}.timeline-item{display:grid;grid-template-columns:130px 25px 1fr auto;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border)}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #f5ead0}.timeline-item.done .timeline-dot{background:var(--green);box-shadow:0 0 0 4px #e1f1e8}.timeline-item h3{margin:0;font-size:.9rem}.timeline-item p{margin:3px 0;color:var(--muted);font-size:.78rem}.document-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.doc{background:#fff;border:1px solid var(--border);padding:18px}.doc-icon{font-size:2rem}.doc h3{font-size:.88rem}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.button-link{display:inline-block}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:100;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{background:#fff;width:min(620px,96vw);max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--border)}.modal-head h2{font:800 1.8rem 'Barlow Condensed';text-transform:uppercase;margin:0}.modal-head button{border:0;background:none;font-size:1.8rem}.modal form{padding:20px 22px}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:.78rem;font-weight:800}.field input,.field select,.field textarea{padding:11px;border:1px solid #cfd3d6;width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}@media(max-width:1050px){.app-shell{grid-template-columns:78px 1fr}.sidebar{padding:20px 10px}.app-brand span:last-child,.sidebar nav a span,.sidebar-foot{display:none}.sidebar nav a{justify-content:center;font-size:1.15rem}.app-brand{justify-content:center}.card-grid{grid-template-columns:repeat(2,1fr)}.document-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:sticky;height:auto;top:0;z-index:40;padding:10px 14px;display:block}.app-brand{display:inline-flex;margin:0}.app-brand span:last-child{display:block}.side-toggle{display:inline-block;float:right;background:#25292d;color:#fff;border:1px solid #444;padding:8px 10px}.sidebar nav{display:none;margin-top:12px}.sidebar nav.open{display:grid}.sidebar nav a{justify-content:flex-start;font-size:.9rem}.sidebar nav a span{display:inline}.app-top{position:static;padding:14px 16px;height:auto}.app-top .eyebrow,.top-actions .ghost{display:none}.view{padding:18px 14px 45px}.kpi-grid{grid-template-columns:1fr 1fr}.dash-grid,.team-grid{grid-template-columns:1fr}.pipeline{grid-template-columns:1fr 1fr}.card-grid,.document-grid{grid-template-columns:1fr}.project-row{grid-template-columns:1fr 1fr}.timeline-item{grid-template-columns:90px 18px 1fr}.timeline-item>span:last-child{display:none}.view-toolbar{align-items:flex-start}.pulse-row{grid-template-columns:1.3fr 1fr 1fr}.pulse-row>*:nth-child(4){display:none}}@media(max-width:470px){.kpi-grid,.pipeline{grid-template-columns:1fr}.top-actions .avatar{display:none}.project-row{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr 20px 2fr}}

.brand img{display:block;max-width:290px;width:100%;height:auto;object-fit:contain}@media(max-width:720px){.brand img{max-width:220px}}

/* Invoice + Draw System */
.toolbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar-actions select{padding:10px 12px;border:1px solid var(--border);background:#fff;font-weight:700}.invoice-layout{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px}.draw-table{min-width:760px}.draw-status-actions{display:flex;gap:6px;align-items:center}.tiny-btn{border:1px solid var(--border);background:#fff;padding:6px 8px;font-size:.7rem;font-weight:800}.tiny-btn.primary-tiny{background:var(--gold);border-color:var(--gold);color:#111}.ledger-card{display:grid;gap:10px}.ledger-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--border);font-size:.84rem}.ledger-row strong{font-size:.92rem}.ledger-row.total{font-size:1rem;border-top:2px solid var(--ink);border-bottom:0;margin-top:5px;padding-top:14px}.invoice-history{margin-top:0}.invoice-preview-card{width:min(820px,96vw)}.invoice-preview-body{padding:24px}.invoice-sheet{border:1px solid var(--border);padding:28px}.invoice-sheet-head{display:flex;justify-content:space-between;gap:25px;border-bottom:2px solid var(--ink);padding-bottom:18px;margin-bottom:18px}.invoice-sheet h3{font:800 2rem/1 'Barlow Condensed';text-transform:uppercase;margin:0}.invoice-sheet .company{font-size:.78rem;line-height:1.6}.invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.invoice-meta div{background:#f6f7f7;padding:12px}.invoice-meta span{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase}.invoice-meta strong{display:block;margin-top:3px}.invoice-totals{margin-left:auto;width:min(360px,100%);margin-top:22px}.invoice-total-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border)}.invoice-total-row.grand{font-size:1.1rem;font-weight:800;border-top:2px solid var(--ink)}.invoice-preview-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 24px}.status-upcoming{color:#6d747b}.status-ready{color:#8a6200}.status-invoiced{color:#305c96}.status-paid{color:var(--green)}
@media(max-width:900px){.invoice-layout{grid-template-columns:1fr}.invoice-meta{grid-template-columns:1fr}}
@media print{body *{visibility:hidden}.invoice-preview-card,.invoice-preview-card *{visibility:visible}.invoice-preview-card{position:absolute;left:0;top:0;width:100%;max-height:none;overflow:visible}.invoice-preview-actions,.modal-head button{display:none}.modal{position:static;background:#fff;display:block!important;padding:0}.invoice-sheet{border:0}}