:root{--sona-charcoal: #1E1C1A;--sona-bone: #F7F5F0;--sona-white: #FFFFFF;--sona-berry: #E33E5A;--sona-mint: #00A36C;--sona-mint-soft: #479B71;--sona-sun: #E88F24;--sona-border: #E4DFD3;--sona-ink-soft: #6B655F;--sona-ink-muted: #A09990;--sona-mint-bright: #00A36C;--sona-mint-press: #007A51;--sona-charcoal-press: #0D0C0B;--sona-berry-press: #B8243E;--sona-shadow-sm: 0 1px 3px rgba(30,28,26,.08), 0 1px 2px rgba(30,28,26,.06);--sona-shadow-physical: 0 2px 0 0 #C8C1B6, 0 4px 12px rgba(30,28,26,.12);--sona-shadow-float: 0 8px 24px rgba(30,28,26,.14), 0 2px 8px rgba(30,28,26,.08);--sona-shadow-lift: 0 16px 40px rgba(30,28,26,.18), 0 4px 12px rgba(30,28,26,.1);--sona-radius-xs: 4px;--sona-radius-sm: 8px;--sona-radius-md: 20px;--sona-radius-lg: 32px;--sona-radius-xl: 48px;--sona-radius-full: 9999px;--sona-space-1: 4px;--sona-space-2: 8px;--sona-space-3: 12px;--sona-space-4: 16px;--sona-space-5: 24px;--sona-space-6: 32px;--sona-font-body: "Plus Jakarta Sans", sans-serif;--sona-font-mono: "JetBrains Mono", monospace;--sona-font-logo: "Press Start 2P", cursive}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--sona-font-body);background:var(--sona-bone);color:var(--sona-charcoal);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.25}p{margin:0}a{color:var(--sona-mint);text-decoration:none}button{cursor:pointer;font-family:var(--sona-font-body)}input,textarea,select{font-family:var(--sona-font-body)}.text-mono{font-family:var(--sona-font-mono);font-size:12px}.text-muted{color:var(--sona-ink-soft)}.text-mint{color:var(--sona-mint)}.text-berry{color:var(--sona-berry)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--sona-border);border-radius:99px}::-webkit-scrollbar-thumb{background:var(--sona-ink-muted);border-radius:99px}:root{--sona-surface: var(--sona-white);--sona-ink: var(--sona-charcoal)}.page-content{padding:24px 32px 40px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 0;color:var(--sona-ink-soft);font-size:14px;text-align:center}.empty-state .empty-icon{font-size:48px;color:var(--sona-border)}.empty-state .spinning{font-size:32px;color:var(--sona-mint);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;font-size:13px;line-height:1.5}.banner strong{font-weight:700}.banner .material-symbols-rounded{font-size:18px;flex-shrink:0}.banner--warn{background:#fbf0dc;color:#7a4d05}.banner--error{background:#fbe6e9;color:#9e1f35}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:10px;font-family:var(--sona-font-body);font-size:13px;font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:opacity .15s,transform .1s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn .material-symbols-rounded{font-size:16px}.btn--primary{background:var(--sona-mint);color:var(--sona-white);box-shadow:0 2px 0 var(--sona-mint-press)}.btn--primary:hover:not(:disabled){opacity:.9}.btn--ghost{background:var(--sona-white);color:var(--sona-charcoal);border:1.5px solid var(--sona-border)}.btn--ghost:hover:not(:disabled){background:var(--sona-bone)}.btn--secondary{background:var(--sona-surface);color:var(--sona-ink);border:1px solid var(--sona-border)}.btn--secondary:hover:not(:disabled){opacity:.8}.btn--danger{background:var(--sona-white);color:var(--sona-berry);border:1px solid var(--sona-berry)}.btn--danger:hover:not(:disabled){background:#fbe6e9}.btn--sm{padding:6px 12px;font-size:12px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.badge--ok{background:#d1fae5;color:#065f46}.badge--warn{background:#fbf0dc;color:#7a4d05}.badge--danger{background:#fbe6e9;color:#9e1f35}.badge--info{background:#e8f4fb;color:#1a6fa3}.badge--neutral{background:#f0eee9;color:var(--sona-ink-soft)}.badge--demo{margin-left:6px;background:#fbe6e9;color:#9e1f35;border:1px solid rgba(227,62,90,.35);font-size:9px;letter-spacing:.06em;padding:1px 5px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.kpi{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--sona-border);border-radius:12px;background:var(--sona-white)}.kpi__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sona-ink-soft)}.kpi__value{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--sona-charcoal)}.kpi__hint{font-size:11px;color:var(--sona-ink-soft)}.kpi--alert .kpi__value{color:var(--sona-berry)}.kpi--good .kpi__value{color:var(--sona-mint)}.table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid var(--sona-border);background:var(--sona-white)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead tr{border-bottom:1px solid var(--sona-border)}.data-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sona-ink-soft);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid var(--sona-border);color:var(--sona-charcoal);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--sona-bone)}.data-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.data-table .num--alert{color:var(--sona-berry);font-weight:600}@media(max-width:720px){.page-content{padding:16px 16px 32px}.empty-state{padding:48px 16px}}