@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--brand:#6366f1;--brand-light:#818cf8;--brand-dark:#4f46e5;--brand-muted:#6366f11a;--brand-border:#6366f140;--bg-page:#080b14;--bg-card:#0f1320;--bg-raised:#161b2e;--bg-hover:#1e2438;--bg-overlay:#080b14eb;--accent:#06d6a0;--accent-dark:#059669;--accent-muted:#06d6a01a;--accent-border:#06d6a040;--danger:#ef4444;--danger-dark:#dc2626;--danger-bg:#ef44441a;--danger-border:#ef444440;--warning:#f59e0b;--warning-dark:#d97706;--warning-bg:#f59e0b1a;--warning-border:#f59e0b40;--safe:var(--accent);--safe-dark:var(--accent-dark);--safe-bg:var(--accent-muted);--safe-border:var(--accent-border);--text-primary:#e8eaff;--text-secondary:#7b7fa6;--text-tertiary:#4b4f6b;--text-inverse:#080b14;--border:#818cf81a;--border-md:#818cf833;--border-lg:#818cf859;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Space Grotesk","Inter",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 4px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-brand:0 4px 20px #6366f140;--shadow-accent:0 4px 20px #06d6a033;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--bottom-nav-height:64px;--status-bar-height:52px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--bg-page);color:var(--text-primary);font-size:16px}body{font-family:var(--font-body);background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.5}a{color:var(--brand-light);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}img,svg{max-width:100%;display:block}.display-xl{font-family:var(--font-display);letter-spacing:-.04em;font-size:2.5rem;font-weight:700;line-height:1.1}.display-lg{font-family:var(--font-display);letter-spacing:-.03em;font-size:2rem;font-weight:700;line-height:1.2}.display-md{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1.25}.display-sm{font-family:var(--font-display);font-size:1.25rem;font-weight:600;line-height:1.3}.body-lg{font-size:1rem;line-height:1.6}.body-md{font-size:.875rem;line-height:1.5}.body-sm{font-size:.75rem;line-height:1.4}.label{letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.mono{font-family:var(--font-mono)}.glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);background:#0f1320b3}.glass-brand{-webkit-backdrop-filter:blur(16px);border:1px solid var(--brand-border);border-radius:var(--radius-lg);background:#6366f114}.glass-accent{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--accent-border);border-radius:var(--radius-lg);background:#06d6a012}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md)}.card-raised{background:var(--bg-raised);border:1px solid var(--border-md);border-radius:var(--radius-lg);padding:var(--space-md)}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-size:.875rem;font-weight:600;line-height:1;transition:transform .15s,opacity .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--brand)0%,var(--brand-dark)100%);color:#fff;box-shadow:var(--shadow-brand);width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 6px 24px #6366f166}.btn-accent{background:linear-gradient(135deg,var(--accent)0%,var(--accent-dark)100%);color:var(--text-inverse);box-shadow:var(--shadow-accent);width:100%}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-md);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border);width:100%}.btn-danger:hover:not(:disabled){background:#ef44442e}.btn-icon{border-radius:var(--radius-md);background:var(--bg-raised);border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);padding:0;font-size:1.1rem}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.02em;font-size:.75rem;font-weight:600}.form-input{background:var(--bg-raised);border:1px solid var(--border-md);border-radius:var(--radius-md);width:100%;color:var(--text-primary);-webkit-appearance:none;padding:11px 14px;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-muted);outline:none}.form-input::placeholder{color:var(--text-tertiary)}select.form-input{cursor:pointer}.form-error{color:var(--danger);margin-top:2px;font-size:.75rem}.badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;padding:3px 8px;font-size:.6875rem;font-weight:700;display:inline-flex}.badge-brand{background:var(--brand-muted);color:var(--brand-light);border:1px solid var(--brand-border)}.badge-accent{background:var(--accent-muted);color:var(--accent);border:1px solid var(--accent-border)}.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-neutral{color:var(--text-secondary);border:1px solid var(--border-md);background:#4b4f6b4d}.pill{border-radius:var(--radius-full);align-items:center;gap:5px;padding:5px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.pill:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.pill-normal{background:var(--accent-muted);color:var(--accent)}.pill-normal:before{background:var(--accent);animation:2s infinite pulse-dot}.pill-moderate{background:var(--warning-bg);color:var(--warning)}.pill-moderate:before{background:var(--warning)}.pill-high{background:var(--danger-bg);color:var(--danger)}.pill-high:before{background:var(--danger);animation:1.2s infinite pulse-danger}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes pulse-danger{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef444400}}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-raised)25%,var(--bg-hover)50%,var(--bg-raised)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.6s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dai-ring-track{stroke:var(--bg-raised)}.dai-ring-fill{stroke:var(--brand);stroke-linecap:round;transition:stroke-dashoffset .8s}.dai-ring-fill.dai-moderate{stroke:var(--warning)}.dai-ring-fill.dai-danger{stroke:var(--danger)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--border);padding:10px 14px;font-size:.6875rem;font-weight:700}.data-table td{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:12px 14px;font-size:.875rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-hover)}.metric-card{padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:4px;display:flex}.metric-label{color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.metric-value{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.03em;font-size:1.75rem;font-weight:700}.metric-sub{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.progress-track{background:var(--bg-raised);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,var(--brand)0%,var(--brand-light)100%);height:100%;transition:width .6s}.progress-fill.accent{background:linear-gradient(90deg,var(--accent-dark)0%,var(--accent)100%)}.progress-fill.danger{background:linear-gradient(90deg,var(--danger-dark)0%,var(--danger)100%)}.progress-fill.warning{background:linear-gradient(90deg,var(--warning-dark)0%,var(--warning)100%)}.divider{background:var(--border);height:1px;margin:var(--space-md)0}.mobile-shell{background:var(--bg-page);flex-direction:column;max-width:430px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.status-bar{height:var(--status-bar-height);padding:0 var(--space-md);padding-top:var(--safe-top);background:var(--bg-card);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.page-content{overscroll-behavior:contain;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.page-content::-webkit-scrollbar{display:none}.bottom-nav{height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-card);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;flex-shrink:0;align-items:flex-start;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-item{height:var(--bottom-nav-height);color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:0;font-size:.625rem;font-weight:600;transition:color .2s;display:flex}.nav-item .nav-icon{font-size:1.25rem;transition:transform .2s}.nav-item.active{color:var(--brand-light)}.nav-item.active .nav-icon{transform:translateY(-1px)}.admin-layout{min-height:100dvh;display:flex}.admin-sidebar{background:var(--bg-card);border-right:1px solid var(--border);width:220px;padding:var(--space-lg)0;flex-direction:column;flex-shrink:0;height:100dvh;display:flex;position:sticky;top:0;overflow-y:auto}.admin-sidebar-logo{padding:0 var(--space-md)var(--space-lg);border-bottom:1px solid var(--border);margin-bottom:var(--space-md)}.sidebar-nav-item{padding:10px var(--space-md);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;width:100%;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--brand-muted);color:var(--brand-light);border-right:3px solid var(--brand)}.admin-main{padding:var(--space-xl);flex:1;max-width:1200px;overflow-y:auto}.admin-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.wizard-page{background:var(--bg-page);flex-direction:column;min-height:100dvh;display:flex}.wizard-container{width:100%;max-width:400px;padding:var(--space-lg)var(--space-md);flex-direction:column;flex:1;margin:0 auto;display:flex}.wizard-step-dots{margin-bottom:var(--space-lg);justify-content:center;gap:6px;display:flex}.wizard-step-dot{background:var(--border-md);border-radius:99px;height:3px;transition:width .3s,background .3s}.wizard-step-dot.active{background:var(--brand)}.wizard-step-dot.done{background:var(--accent)}.wizard-body{gap:var(--space-md);flex-direction:column;flex:1;display:flex}.zone-card{padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s,background .2s}.zone-card.active{border-color:var(--brand-border);background:var(--brand-muted)}.zone-card.danger-zone{border-color:var(--danger-border);background:var(--danger-bg)}.zone-card.warning-zone{border-color:var(--warning-border);background:var(--warning-bg)}.panic-button{border-radius:var(--radius-xl);color:#fff;width:100%;font-family:var(--font-display);cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);border:none;justify-content:center;align-items:center;gap:10px;padding:18px;font-size:1.125rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px 24px #ef444459}.panic-button:active{transform:scale(.97);box-shadow:0 2px 8px #ef444433}.grid-2{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.section{margin-bottom:var(--space-xl)}.section-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-sm);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.stack{gap:var(--space-md);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-sm);display:flex}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-brand{color:var(--brand-light)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-center{text-align:center}.bold{font-weight:700}.font-display{font-family:var(--font-display)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--brand-border)}.toast{bottom:calc(var(--bottom-nav-height) + var(--space-md));background:var(--bg-raised);border:1px solid var(--border-md);color:var(--text-primary);border-radius:var(--radius-md);z-index:1000;white-space:nowrap;box-shadow:var(--shadow-lg);padding:10px 16px;font-size:.875rem;font-weight:500;animation:.25s slide-up;position:fixed;left:50%;transform:translate(-50%)}.toast.toast-danger{border-color:var(--danger-border);background:var(--danger-bg)}.toast.toast-success{border-color:var(--accent-border);background:var(--accent-muted)}@keyframes slide-up{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.3s forwards fade-in}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border-md);border-top-color:var(--brand);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.empty-state{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-2xl)var(--space-lg);color:var(--text-tertiary);text-align:center;flex-direction:column;display:flex}.empty-state .empty-icon{margin-bottom:var(--space-sm);font-size:2.5rem}.empty-state .empty-title{color:var(--text-secondary);font-size:1rem;font-weight:600}.empty-state .empty-body{font-size:.875rem}.pin-screen{min-height:100dvh;padding:var(--space-xl);background:radial-gradient(ellipse at 50% 30%,#6366f11f 0%,var(--bg-page)70%);flex-direction:column;justify-content:center;align-items:center;display:flex}.pin-dots{margin:var(--space-lg)0;gap:14px;display:flex}.pin-dot{border:2px solid var(--border-md);border-radius:50%;width:14px;height:14px;transition:background .15s,border-color .15s}.pin-dot.filled{background:var(--brand);border-color:var(--brand)}.pin-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:240px;display:grid}.pin-key{aspect-ratio:1;border-radius:var(--radius-md);background:var(--bg-raised);border:1px solid var(--border);color:var(--text-primary);font-size:1.25rem;font-weight:600;transition:background .1s}.pin-key:hover{background:var(--bg-hover)}.pin-key:active{background:var(--brand-muted);border-color:var(--brand-border)}@media (min-width:768px){.mobile-shell{border-left:1px solid var(--border);border-right:1px solid var(--border);max-width:430px;box-shadow:var(--shadow-lg)}}@media (max-width:767px){.admin-sidebar{display:none}.admin-main{padding:var(--space-md)}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}