:root{
 --bg:#070706;--panel:#11100e;--panel2:#171512;--panel3:#0c0b09;--line:#29261f;
 --gold:#d4af37;--gold2:#a98929;--ink:#f3eee2;--muted:#9d9689;--dim:#6e685e;
 --green:#8fd5a7;--red:#ef8d8d;--amber:#efc86f;--blue:#8ec6f2;
 --r:16px;--shadow:0 18px 60px #0006
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif}
body{overscroll-behavior:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
a{color:inherit}.app{min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:252px;background:#0a0908;border-right:1px solid var(--line);padding:18px 13px;display:flex;flex-direction:column}
.brand{padding:2px 9px 18px}.brand .eyebrow{font-size:9px;font-weight:900;letter-spacing:.22em;color:var(--gold)}.brand h2{margin:5px 0 0;font-size:18px}
.nav button{width:100%;border:0;background:transparent;color:var(--muted);text-align:left;border-radius:12px;padding:11px 12px;margin:2px 0;font-weight:720}.nav button:hover{background:#17140f;color:white}.nav button.active{background:var(--gold);color:#080706}
.userbox{margin-top:auto;padding:14px 10px 4px;border-top:1px solid var(--line)}.userbox b{font-size:12px;display:block}.userbox span{font-size:10px;color:var(--muted)}
.main{margin-left:252px;min-height:100vh}.topbar{height:64px;position:sticky;top:0;z-index:20;padding:0 20px;border-bottom:1px solid var(--line);background:#070706e8;backdrop-filter:blur(16px);display:flex;align-items:center;gap:12px}
.topbar small{font-size:9px;color:var(--gold);letter-spacing:.16em}.topbar h1{font-size:16px;margin:2px 0 0}.top-actions{margin-left:auto;display:flex;gap:8px}
.content{max-width:1580px;margin:auto;padding:20px}.preview-banner{border:1px solid #67541d;background:#1a160b;color:#e8ca73;padding:9px 12px;border-radius:11px;margin-bottom:14px;font-size:11px}
.hero{display:flex;align-items:flex-end;gap:12px}.hero h2{margin:0;font-size:22px}.hero p{margin:5px 0 0;color:var(--muted);font-size:12px}.hero-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.btn{border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:11px;padding:9px 12px;font-size:11px;font-weight:800}.btn:hover{border-color:#4a4439}.btn.gold{background:var(--gold);border-color:var(--gold);color:#080706}.btn.red{color:#ffabab;border-color:#5a2b2b;background:#1c0e0e}.btn:disabled{opacity:.45;cursor:not-allowed}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}.grid{display:grid;gap:11px}.metrics{grid-template-columns:repeat(4,1fr);margin-top:16px}.metric{padding:15px}.metric label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.metric strong{font-size:25px;display:block;margin-top:7px}.metric small{font-size:9px;color:var(--dim)}
.two{grid-template-columns:2fr 1fr;margin-top:14px}.section-head{padding:14px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center}.section-head b{font-size:13px}.section-head small{display:block;color:var(--muted);margin-top:3px}.link{margin-left:auto;border:0;background:none;color:var(--gold);font-size:11px}
.list-row{display:flex;gap:10px;align-items:center;padding:12px 15px;border-bottom:1px solid var(--line);cursor:pointer}.list-row:last-child{border:0}.list-row strong{font-size:12px}.list-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.right{margin-left:auto;text-align:right}.sub{font-size:10px;color:var(--muted)}
.toolbar{display:flex;gap:7px;margin-top:14px;overflow:auto;padding-bottom:2px}.chip{white-space:nowrap;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.chip.active{background:var(--gold);border-color:var(--gold);color:#080706}
.search{margin-left:auto;min-width:240px;background:#0b0a08;color:var(--ink);border:1px solid var(--line);border-radius:11px;padding:8px 10px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:14px}.person,.cycle-card{padding:14px;cursor:pointer}.person:hover,.cycle-card:hover{border-color:#4c4435}.head{display:flex;gap:9px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#1b1813;border:1px solid var(--line);color:var(--gold);font-weight:900}.head h3{font-size:13px;margin:0}.head p{font-size:10px;color:var(--muted);margin:3px 0 0}.badge{margin-left:auto;border:1px solid #655323;background:#211b0e;color:var(--amber);padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase}
.statline{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.mini{background:#0d0c0a;border:1px solid var(--line);border-radius:9px;padding:7px 8px}.mini b{font-size:10px}.mini span{display:block;font-size:8px;color:var(--muted);margin-top:2px}
.kanban{display:grid;grid-template-columns:repeat(7,minmax(205px,1fr));gap:10px;overflow-x:auto;margin-top:15px;padding-bottom:10px;scroll-snap-type:x proximity}.column{min-width:205px;scroll-snap-align:start}.col-head{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.lead-card{padding:11px;margin-bottom:8px;cursor:pointer}.lead-card .next{margin-top:8px;border-radius:9px;padding:7px;background:#ffffff07}.lead-card .next label{font-size:8px;color:var(--dim);text-transform:uppercase}
.tablewrap{overflow:auto;margin-top:14px}.table{width:100%;border-collapse:collapse;min-width:850px}.table th,.table td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left;font-size:11px}.table th{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:#ffffff04}
.sessions4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.slot{padding:8px 4px;border:1px solid var(--line);border-radius:9px;text-align:center;font-size:9px;color:var(--muted)}.slot.done{color:var(--green);border-color:#31533b;background:#0f1d14}.slot.next{color:var(--amber);border-color:#695720;background:#201b0d}
.agenda{margin-top:14px}.day h3{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:15px 0 7px}.session-row{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:10px;padding:11px 13px;margin-bottom:7px;cursor:pointer}.session-row .time{font-size:14px;font-weight:900}.session-row h4{margin:0;font-size:12px}.session-row p{margin:3px 0 0;color:var(--muted);font-size:9px}
.delivery-board{display:grid;grid-template-columns:repeat(5,minmax(215px,1fr));gap:10px;overflow-x:auto;margin-top:14px}.delivery-card{padding:11px;margin-bottom:7px;cursor:pointer}.delivery-card h4{font-size:12px;margin:0}.delivery-card p{font-size:9px;color:var(--muted);margin:4px 0}.overdue{color:var(--red)!important}
.finance-grid{grid-template-columns:1.2fr .8fr;margin-top:14px}.segment{display:flex;border:1px solid var(--line);border-radius:11px;overflow:auto}.segment button{border:0;background:transparent;color:var(--muted);padding:8px 10px;font-size:9px;font-weight:900;white-space:nowrap}.segment button.active{background:var(--gold);color:#070706}.periodbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:14px}.month{min-width:135px;text-align:center;font-size:11px;font-weight:900}.tx{padding:11px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;cursor:pointer}.tx:last-child{border:0}.amount{margin-left:auto;font-weight:900}.pos{color:var(--green)}.neg{color:var(--red)}
.drawer-bg,.modal-bg{position:fixed;inset:0;background:#0009;z-index:70;display:none}.drawer-bg.show,.modal-bg.show{display:block}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(650px,100%);background:#0d0c0a;border-left:1px solid var(--line);padding:17px;overflow:auto}.drawer-head{display:flex;align-items:center;gap:8px}.drawer-head h3{margin:0;font-size:17px}.close{margin-left:auto;background:none;border:0;color:var(--muted);font-size:24px}.tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--line);margin-top:14px}.tabs button{border:0;background:none;color:var(--muted);padding:10px 9px;font-size:9px;font-weight:900;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.active{color:white;border-bottom-color:var(--gold)}
.detail-block{margin-top:14px}.detail-block>label{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.detail-card{margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:11px;background:#11100e}.detail-card.click{cursor:pointer}.detail-card b{font-size:11px}.detail-card p{font-size:10px;color:var(--muted);line-height:1.45;margin:4px 0 0}
.devgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.dev{padding:11px}.dev b{font-size:10px;display:flex;justify-content:space-between}.dots{display:flex;gap:3px;margin-top:7px}.dot{height:5px;flex:1;background:#24211c;border-radius:999px}.dot.on{background:var(--gold)}
.modal-bg.show{display:flex;align-items:flex-end;justify-content:center}.modal{width:min(700px,100%);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:20px 20px 0 0;padding:18px;box-shadow:var(--shadow)}.modal h3{margin:0 0 14px;font-size:17px}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form .full{grid-column:1/-1}.form label{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.form input,.form select,.form textarea{width:100%;margin-top:5px;background:#0a0908;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px}.form textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:14px}
.toast{position:fixed;left:50%;bottom:20px;z-index:100;transform:translate(-50%,30px);opacity:0;transition:.2s;background:#1b1814;border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:10px}.toast.show{opacity:1;transform:translate(-50%,0)}
.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,rgba(212,175,55,.09),transparent 34%)}.authbox{width:min(450px,100%);padding:26px}.authbox .eyebrow{font-size:9px;color:var(--gold);font-weight:900;letter-spacing:.2em}.authbox h1{font-size:29px;margin:6px 0}.authbox p{font-size:11px;color:var(--muted);line-height:1.5}.authbox .btn{width:100%;margin-top:12px;padding:12px}.status{padding:10px;border:1px solid var(--line);border-radius:10px;background:#0b0a08;font-size:10px;color:var(--muted)}
.loading{min-height:55vh;display:grid;place-items:center;color:var(--gold);font-size:9px;letter-spacing:.18em}.error{border:1px solid #5c2a2a;background:#1b0d0d;color:#ffaaaa;border-radius:10px;padding:11px;font-size:10px}.mobile-menu{display:none}
@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){
 .sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0}.mobile-menu{display:block;background:none;border:0;color:white;font-size:22px}
 .topbar{padding:0 13px}.content{padding:14px 13px 80px}.metrics{grid-template-columns:1fr 1fr}.two,.finance-grid{grid-template-columns:1fr}.cards,.devgrid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.hero-actions{margin-left:0}.search{min-width:180px}.form{grid-template-columns:1fr}.form .full{grid-column:auto}
}