:root{--bg: #0f1117;--surface: #1a1d26;--surface-2: #22263a;--border: #2e3347;--text: #e8eaf0;--text-muted: #8b92a8;--accent: #e03c3c;--accent-hover: #c83232;--success: #2ecc71;--warning: #f39c12;--info: #3498db;--radius: 8px;--nav-height: 56px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px}#root{height:100%;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}button{cursor:pointer;border:none;border-radius:var(--radius);padding:10px 20px;font-size:15px;font-weight:500;transition:background .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--text-muted);color:var(--text)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}input,textarea,select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:10px 14px;font-size:15px;width:100%;outline:none;transition:border-color .15s;font-family:var(--font)}input:focus,textarea:focus,select:focus{border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-active{background:#2ecc7126;color:var(--success)}.badge-completed{background:#8b92a826;color:var(--text-muted)}.badge-strong{background:#2ecc7126;color:var(--success)}.badge-moderate{background:#f39c1226;color:var(--warning)}.badge-weak{background:#3498db26;color:var(--info)}.badge-diversion{background:#e03c3c26;color:var(--accent)}.badge-available{background:#2ecc7126;color:var(--success)}.page{padding:16px;padding-top:calc(var(--nav-height) + 16px);flex:1;overflow-y:auto;max-width:900px;margin:0 auto;width:100%}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{color:var(--accent);background:#e03c3c1a;border:1px solid rgba(224,60,60,.3);border-radius:var(--radius);padding:12px 16px;margin:12px 0}.offline-banner{background:var(--warning);color:#000;text-align:center;padding:8px;font-size:13px;font-weight:600;position:fixed;top:var(--nav-height);left:0;right:0;z-index:50}@media(max-width:600px){.nav-desktop{display:none!important}.nav-hamburger{display:flex!important}}@media(min-width:601px){.nav-hamburger{display:none!important}.nav-desktop{display:flex!important}}