:root{--black-950:#050504;--black-900:#0b0a08;--black-800:#141210;--black-700:#211d18;--warm-white:#f7f3ea;--stone-400:#b3ab99;--stone-500:#8a8271;--gold-300:#e0bb7c;--gold-500:#c79a56;--gold-600:#a67c3d;--surface-page:var(--black-950);--surface-card:var(--black-800);--surface-sunken:var(--black-900);--text-primary:var(--warm-white);--text-secondary:var(--stone-400);--text-muted:var(--stone-500);--text-on-brand:var(--black-950);--brand:var(--gold-500);--brand-tint:#c79a5624;--border-hairline:#c79a5659;--border-default:#f7f3ea47;--gold-gradient:linear-gradient(180deg, var(--gold-300) 0%, var(--gold-600) 100%);--radius-sm:6px;--radius-md:10px;--radius-pill:999px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--font-display:"Passion One", "Arial Narrow", sans-serif;--font-body:"Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--surface-page);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin:0;font-weight:400}h1{font-size:28px}h2{font-size:20px}a{color:var(--brand)}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--black-900);border-right:1px solid var(--border-hairline);padding:var(--space-5) var(--space-3);gap:var(--space-4);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-head{align-items:baseline;gap:var(--space-2);padding:0 var(--space-3);display:flex}.sidebar .logo{font-family:var(--font-display);background:var(--gold-gradient);color:#0000;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-size:28px}.logo-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.menu-toggle{border:1px solid var(--border-hairline);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;margin-left:auto;padding:4px 10px;font-size:18px;display:none}.nav-groups{gap:var(--space-4);flex-direction:column;flex:1;display:flex}.nav-group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;padding:0 var(--space-3) 6px;font-size:10px;font-weight:600}.nav-item{padding:7px var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:10px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-icon{text-align:center;opacity:.8;width:18px}.nav-label{flex:1}.nav-badge{background:var(--gold-500);color:var(--text-on-brand);border-radius:var(--radius-pill);text-align:center;min-width:20px;padding:1px 7px;font-size:11px;font-weight:700}.nav-item:hover{background:var(--black-700);color:var(--text-primary)}.nav-item[aria-current=page]{background:var(--brand-tint);color:var(--gold-300);box-shadow:inset 2px 0 0 var(--brand);font-weight:600}.sidebar-foot{gap:var(--space-3);padding:var(--space-3);border-top:1px solid var(--border-hairline);flex-direction:column;display:flex}.whoami{align-items:center;gap:10px;font-size:13px;line-height:1.3;display:flex}.avatar{background:var(--gold-gradient);width:32px;height:32px;color:var(--text-on-brand);border-radius:50%;place-items:center;font-weight:700;display:grid}.main{padding:var(--space-6) 32px 64px;width:100%;min-width:0;max-width:1360px;animation:.18s ease-out fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}.page-head{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.page-head h1{font-size:32px}.page-head .row-actions{align-items:center}.section-title{margin:var(--space-6) 0 var(--space-3);color:var(--text-secondary);font-size:18px}.two-col{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(420px,1fr));display:grid}.two-col table{min-width:0}.card{background:var(--surface-card);padding:var(--space-4);border:1px solid #c79a5633;border-radius:14px}.stat-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.stat-value{font-family:var(--font-display);color:var(--brand);font-size:34px;line-height:1.1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.chart-grid-wrap{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.chart-card{gap:var(--space-2);flex-direction:column;display:flex}.chart-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.chart-readout{color:var(--text-primary);white-space:nowrap;font-size:13px}.chart-svg{width:100%;height:100px;display:block}.chart-grid{stroke:var(--border-hairline);stroke-width:1px}.chart-area{fill:var(--brand);fill-opacity:.12;stroke:none}.chart-line{fill:none;stroke:var(--brand);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chart-crosshair{stroke:var(--border-default);stroke-width:1px}.chart-dot{fill:var(--brand);stroke:var(--surface-card);stroke-width:2px}.table-wrap{border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--surface-card);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:left;padding:11px var(--space-4);vertical-align:top;border-bottom:1px solid #c79a5626}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:11px;font-weight:600}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#c79a560d}td.muted{color:var(--text-secondary)}.badge{border-radius:var(--radius-pill);white-space:nowrap;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.badge.brand{background:var(--brand-tint);color:var(--gold-300)}.badge.accent{background:var(--gold-500);color:var(--text-on-brand)}.badge.neutral{background:var(--black-700);color:var(--text-secondary)}button.btn{font:inherit;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:8px 14px;font-size:13px;font-weight:600}button.btn.primary{background:var(--gold-gradient);color:var(--text-on-brand)}button.btn{transition:filter .12s,border-color .12s,background .12s}button.btn:not(:disabled):hover{filter:brightness(1.12);border-color:var(--brand)}button.btn:focus-visible,.nav-item:focus-visible,a.todo-item:focus-visible{outline:2px solid var(--gold-300);outline-offset:2px}button.btn.secondary{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-hairline)}button.btn.danger{color:var(--gold-300);border-color:var(--border-hairline);background:0 0}button.btn:disabled{opacity:.5;cursor:not-allowed}.row-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}input,select,textarea{font:inherit;width:100%;padding:9px var(--space-3);background:var(--surface-sunken);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm)}input:focus,select:focus,textarea:focus{border-color:var(--brand);outline:none}label.field{color:var(--text-secondary);flex-direction:column;gap:5px;font-size:12px;display:flex}.field-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.toolbar{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.toolbar input,.toolbar select{width:auto;min-width:180px}.modal-backdrop{padding:var(--space-5);z-index:50;background:#050504b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-5);gap:var(--space-4);flex-direction:column;width:min(560px,100%);max-height:86vh;display:flex;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.empty,.error{padding:var(--space-6);text-align:center;color:var(--text-secondary)}.error{color:var(--gold-300)}.login{min-height:100vh;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.login .card{gap:var(--space-4);flex-direction:column;width:min(380px,100%);display:flex}.toast{bottom:var(--space-5);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:11px var(--space-5);z-index:100;position:fixed;left:50%;transform:translate(-50%)}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{z-index:40;height:auto;padding:var(--space-3);border-right:none;border-bottom:1px solid var(--border-hairline);position:sticky}.menu-toggle{display:block}.sidebar:not(.open) .nav-groups,.sidebar:not(.open) .sidebar-foot{display:none}.sidebar.open{height:100vh}.main{padding:var(--space-4) var(--space-4) 64px}.two-col{grid-template-columns:1fr}}.media-row{gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border-hairline);grid-template-columns:7rem minmax(0,2fr) minmax(0,2fr) auto;align-items:center;display:grid}@media (width<=900px){.media-row{grid-template-columns:1fr}}.kpi{flex-direction:column;gap:4px;display:flex}.kpi .stat-value{font-size:36px}.kpi.warn{border-color:var(--gold-500);background:linear-gradient(180deg, #c79a561a, var(--surface-card))}.kpi-hint{color:var(--text-muted);font-size:12px;line-height:1.4}.kpi-delta{color:var(--text-secondary);font-size:12px;font-weight:600}.kpi-delta.up{color:#9cc98a}.kpi-delta.down{color:#e39a85}.kpi .btn{align-self:flex-start;margin-top:6px}.todo-strip{gap:var(--space-2);flex-wrap:wrap;display:flex}.todo-item{padding:10px var(--space-4);border-color:var(--gold-500);color:var(--text-primary);font-size:13px;text-decoration:none}.todo-item strong{color:var(--gold-300);font-size:15px}a.todo-item:hover{background:var(--black-700)}.todo-item.calm{border-color:var(--border-hairline);color:var(--text-secondary)}.bar{vertical-align:middle;background:var(--brand);border-radius:2px;max-width:60px;height:4px;margin-left:6px;display:inline-block}.banner{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border:1px solid;border-radius:12px;line-height:1.5}.banner.warn{background:#e39a851a;border-color:#e39a85}.banner.ok{background:#9cc98a14;border-color:#9cc98a80}code{background:var(--black-700);border-radius:4px;padding:1px 5px;font-size:12px}label.check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;display:inline-flex}label.check input{width:auto}.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:420px;font-size:12px;display:-webkit-box;overflow:hidden}.muted{color:var(--text-secondary)}.composer{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:minmax(0,1fr) 300px;display:grid}.composer-form{gap:var(--space-3);flex-direction:column;display:flex}.composer h3.sub{color:var(--text-muted);margin-top:var(--space-2);font-size:14px}.composer-foot{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-hairline);display:flex}.phone-preview{top:var(--space-5);border:8px solid var(--black-700);background:radial-gradient(circle at 30% 0%, #3a2f1e, var(--black-950) 70%);border-radius:32px;align-self:start;min-height:300px;padding:40px 12px;position:sticky}.phone-notif{color:var(--black-900);word-break:break-word;background:#f7f3eaeb;border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;font-size:13px;line-height:1.35;display:flex}.phone-notif-app{letter-spacing:.08em;color:var(--stone-500);font-size:10px}@media (width<=1000px){.composer{grid-template-columns:1fr}.phone-preview{min-height:0;position:static}}