:root{--navy:#071b2b;--navy-2:#0d2a3c;--blue:#087ec3;--orange:#f39a17;--cyan:#30b9e8;--ink:#152936;--muted:#6c7c86;--line:#dfe7eb;--bg:#f4f8fa;--white:#fff;--danger:#b23a3a;--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.5 var(--body)}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--navy);color:#fff;padding:25px 18px;display:flex;flex-direction:column;z-index:20}.system-brand{height:75px;display:flex;align-items:center;padding:0 10px;margin-bottom:30px}.system-brand img{width:170px;height:75px;object-fit:contain}.workspace-label{font-size:.68rem;letter-spacing:.16em;color:#628094;font-weight:800;margin:0 12px 10px}.side-nav{display:grid;gap:7px}.side-link{height:52px;border:0;background:transparent;color:#9eb2be;display:grid;grid-template-columns:32px 1fr auto;align-items:center;text-align:left;padding:0 13px;font-weight:700;border-radius:3px}.side-link:hover{background:#0e3046;color:#fff}.side-link.active{background:var(--blue);color:#fff}.nav-icon{font-size:1.1rem}.side-link small{background:rgba(255,255,255,.13);min-width:26px;height:23px;border-radius:12px;display:grid;place-items:center;font-size:.68rem}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:22px 8px 0;display:flex;gap:11px;align-items:center}.staff-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:var(--navy);font-weight:800}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:.84rem}.sidebar-foot small{font-size:.72rem;color:#718b9b}.app-shell{margin-left:248px;min-height:100vh}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar>div{display:flex;align-items:center;gap:16px}.topbar p{font-size:.72rem;font-weight:800;letter-spacing:.12em;margin:0;color:#97a5ad}.topbar p span{color:var(--blue)}.topbar-actions time{font-size:.78rem;color:var(--muted)}.topbar-actions a{color:var(--blue);text-decoration:none;font-size:.8rem;font-weight:700;border-left:1px solid var(--line);padding-left:16px}.menu-toggle{display:none;border:0;background:none;font-size:1.2rem}.panel{display:none;padding:45px 38px 70px;max-width:1550px;margin:auto}.panel.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.page-heading .eyebrow{margin:0 0 6px;color:var(--blue);font-size:.7rem;letter-spacing:.15em;font-weight:800}.page-heading h1{font:800 clamp(2rem,3vw,3.1rem)/1.05 var(--display);letter-spacing:-.04em;margin:0;color:var(--navy)}.page-heading>div>p:last-child{margin:9px 0 0;color:var(--muted)}.primary-action,.secondary-action{min-height:46px;border:0;padding:0 18px;font-weight:800}.primary-action{background:var(--orange);color:var(--navy)}.primary-action:hover{background:#ffad35}.secondary-action{background:#edf3f6;color:var(--ink)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metrics article{background:#fff;border:1px solid var(--line);padding:22px;display:flex;gap:16px;align-items:flex-start;min-width:0}.metric-icon{flex:0 0 42px;height:42px;display:grid;place-items:center;font-weight:800;font-size:.77rem}.metric-icon.blue{background:#dff3fd;color:var(--blue)}.metric-icon.orange{background:#fff0d7;color:#b66b00}.metric-icon.cyan{background:#ddf8fa;color:#028997}.metric-icon.navy{background:#e4ebef;color:var(--navy)}.metrics small{font-size:.64rem;font-weight:800;letter-spacing:.1em;color:#87969e;display:block}.metrics strong{font:800 1.4rem var(--display);display:block;color:var(--navy);margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metrics p{font-size:.73rem;color:#9aa7ae;margin:0}.data-card{background:#fff;border:1px solid var(--line)}.card-toolbar{min-height:92px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.card-toolbar h2{font:800 1.2rem var(--display);margin:0;color:var(--navy)}.card-toolbar p{font-size:.78rem;color:var(--muted);margin:3px 0 0}.search-box{height:43px;width:310px;border:1px solid var(--line);background:#f8fbfc;display:flex;align-items:center;padding:0 12px;gap:8px}.search-box span{color:#8aa0ad;font-size:1.2rem}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:.82rem}.table-wrap{overflow-x:auto;position:relative}table{width:100%;border-collapse:collapse;min-width:1050px}th{text-align:left;font-size:.64rem;letter-spacing:.1em;color:#81919a;font-weight:800;text-transform:uppercase;background:#f8fafb;padding:13px 15px;border-bottom:1px solid var(--line)}td{padding:16px 15px;border-bottom:1px solid #ebf0f3;font-size:.83rem;color:#455c69;vertical-align:middle}td strong{color:var(--navy);display:block}td small{color:#8a9aa3}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.balance-positive{color:#ad5d00;font-weight:700}.balance-paid{color:#168061;font-weight:700}.payment-button{border:1px solid #c9dae3;background:#fff;color:var(--blue);padding:7px 10px;font-size:.72rem;font-weight:800;white-space:nowrap}.payment-button:hover{border-color:var(--blue)}.status-pill{display:inline-flex;padding:3px 8px;font-size:.66rem;font-weight:800;background:#eef4f7;color:#5d737f;margin-top:4px}.empty-state{padding:65px 20px;text-align:center}.empty-state[hidden]{display:none}.empty-state span{width:48px;height:48px;display:grid;place-items:center;background:#eaf6fb;color:var(--blue);margin:0 auto 12px;font-size:1.3rem}.empty-state h3{font:800 1.15rem var(--display);margin:0}.empty-state p{color:var(--muted);font-size:.85rem;margin:6px 0 18px}.empty-state button{border:0;background:var(--blue);color:#fff;padding:10px 15px;font-weight:700}.modal-backdrop{position:fixed;inset:0;background:rgba(3,18,29,.7);z-index:50;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal-card{width:min(700px,100%);max-height:92vh;overflow-y:auto;background:#fff;padding:30px;box-shadow:0 25px 80px rgba(0,0,0,.3)}.modal-card.small{width:min(480px,100%)}.modal-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.modal-head p{margin:0;color:var(--blue);font-size:.66rem;font-weight:800;letter-spacing:.14em}.modal-head h2{font:800 1.7rem var(--display);margin:2px 0 0;color:var(--navy)}.close-modal{border:0;background:transparent;color:#71838e;font-size:1.7rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid.four{grid-template-columns:1fr 1fr}.form-grid label,.modal-card>label{display:block;color:#4d626e;font-size:.75rem;font-weight:800}.form-grid .full{grid-column:1/-1}.form-grid input,.modal-card>label input,.form-grid textarea{display:block;width:100%;border:1px solid #cfdbe1;background:#f9fbfc;margin-top:6px;padding:0 12px;color:var(--ink);outline:0}.form-grid input,.modal-card>label input{height:48px}.form-grid textarea{padding-block:11px;resize:vertical}.form-grid input:focus,.modal-card>label input:focus,.form-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,126,195,.1)}.form-warning{font-size:.75rem;color:#7b8c95;background:#f2f6f8;padding:10px 12px;margin:18px 0}.modal-actions{display:flex;justify-content:flex-end;gap:9px}.auto-time{display:grid;grid-template-columns:auto 1fr;column-gap:14px;background:var(--navy);color:#fff;padding:15px 18px;margin-bottom:20px}.auto-time span{grid-row:1/3;align-self:center;color:var(--orange);font-size:.66rem;font-weight:800;letter-spacing:.12em}.auto-time strong{font-size:.9rem}.auto-time small{color:#85a0af;font-size:.69rem}.selected-client{background:#edf7fc;color:var(--navy);font-weight:700;padding:12px;margin-bottom:18px}.toast{position:fixed;right:25px;bottom:25px;z-index:80;background:var(--navy);color:#fff;padding:14px 18px;box-shadow:0 10px 30px rgba(0,0,0,.25);transform:translateY(90px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}
@media(max-width:1150px){.metrics{grid-template-columns:1fr 1fr}.panel{padding-inline:25px}.card-toolbar{align-items:flex-start}.search-box{width:260px}}
@media(max-width:780px){.sidebar{transform:translateX(-100%);transition:transform .25s}.sidebar.open{transform:none}.app-shell{margin-left:0}.menu-toggle{display:block}.topbar{padding:0 18px}.topbar-actions time{display:none}.panel{padding:30px 16px 55px}.page-heading{align-items:flex-start;gap:20px}.page-heading>div>p:last-child{font-size:.86rem}.metrics{grid-template-columns:1fr 1fr}.card-toolbar{flex-direction:column}.search-box{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
@media(max-width:520px){.page-heading{flex-direction:column}.page-heading .primary-action{width:100%}.metrics{grid-template-columns:1fr}.topbar-actions a{font-size:.72rem}.modal-card{padding:22px 18px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}