:root{--page-bg: #0b1220;--topbar-bg: #0d1829;--card-bg: #0f1b2e;--card-bg-hover: #132237;--card-bg-inactive: #162845;--card-bg-active: rgba(59,130,246,.15);--surface-elevated: #1a2f47;--surface-chip-bg: rgba(255,255,255,.08);--surface-chip-border: rgba(255,255,255,.12);--surface-soft-bg: rgba(255,255,255,.04);--surface-soft-border: rgba(255,255,255,.1);--text-primary: #e2e8f0;--text-muted: #94a3b8;--text-on-light: #0f172a;--text-secondary: #cbd5e1;--text-tertiary: #64748b;--border-default: rgba(148,163,184,.15);--border-subtle: rgba(148,163,184,.25);--border-medium: rgba(148,163,184,.4);--border-strong: rgba(148,163,184,.6);--border-active: rgba(96,165,250,.5);--btn-primary-bg: #3b82f6;--btn-primary-text: #ffffff;--btn-secondary-bg: rgba(148,163,184,.15);--btn-secondary-text: #e2e8f0;--btn-delete-bg: rgba(239,68,68,.15);--btn-delete-text: #fca5a5;--btn-delete-border: rgba(239,68,68,.3);--btn-delete-icon-text: rgb(239,68,68);--input-bg: #1a2f47;--input-border: rgba(148,163,184,.3);--input-text: #e2e8f0;--input-focus-border: #60a5fa;--pill-deploy-bg: rgba(59,130,246,.15);--pill-deploy-text: #93c5fd;--pill-rollback-bg: rgba(239,68,68,.15);--pill-rollback-text: #fca5a5;--pill-incident-bg: rgba(251,191,36,.15);--pill-incident-text: #fcd34d;--pill-success-bg: rgba(34,197,94,.15);--pill-success-text: #86efac;--pill-neutral-bg: rgba(148,163,184,.15);--pill-neutral-text: #cbd5e1;--pill-meeting-bg: rgba(139,92,246,.15);--pill-meeting-text: #c4b5fd;--alert-error-bg: rgba(239,68,68,.1);--alert-error-border: rgba(239,68,68,.3);--alert-error-text: #fca5a5;--active-bg: rgba(59,130,246,.15);--active-bg-strong: rgba(59,130,246,.2);--active-border: rgba(96,165,250,.5);--active-text: #93c5fd;--badge-active-bg: rgba(59,130,246,.2);--badge-active-border: rgba(96,165,250,.4);--badge-active-text: #93c5fd;--badge-role-bg: rgba(139,92,246,.15);--badge-role-border: rgba(139,92,246,.3);--badge-role-text: #c4b5fd;--badge-neutral-bg: rgba(148,163,184,.15);--badge-neutral-text: #cbd5e1;--link-color: #60a5fa;--accent-primary: #3b82f6;--bg: var(--page-bg);--bar: var(--topbar-bg);--card: var(--card-bg);--card2: var(--card-bg-hover);--text: var(--text-primary);--muted: var(--text-muted);--border: var(--border-default);--accent: var(--accent-primary);--link: var(--link-color);--white: var(--card-bg-inactive);--gray-50: var(--surface-elevated);--gray-100: var(--pill-neutral-bg);--gray-200: var(--btn-secondary-bg);--gray-300: var(--input-border);--gray-500: var(--text-tertiary);--gray-600: var(--border-strong);--gray-700: var(--text-secondary);--gray-900: var(--text-on-light);--blue-50: #eff6ff;--blue-100: var(--pill-deploy-bg);--blue-200: var(--badge-role-border);--blue-300: #93c5fd;--blue-600: var(--pill-deploy-text);--blue-700: var(--badge-role-text);--blue-800: #3730a3;--blue-900: var(--active-text);--blue-active-bg: var(--active-bg);--blue-active-bg-strong: var(--active-bg-strong);--blue-active-border: var(--active-border);--red-50: #fff1f2;--red-100: var(--pill-rollback-bg);--red-200: var(--btn-delete-border);--red-600: #ef4444;--red-800: var(--pill-rollback-text);--red-error-bg: var(--alert-error-bg);--red-error-border: var(--alert-error-border);--red-error-text: var(--alert-error-text);--yellow-100: var(--pill-incident-bg);--yellow-700: var(--pill-incident-text);--green-100: var(--pill-success-bg);--green-700: var(--pill-success-text);--indigo-50: var(--pill-meeting-bg);--indigo-800: var(--pill-meeting-text)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:"Source Sans 3",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--text)}button,input,select,textarea{font-family:inherit;font-size:inherit}select{font-weight:700;background:var(--input-bg)!important;color:var(--text-primary)!important;border:1px solid var(--input-border);-webkit-appearance:none;-moz-appearance:none;appearance:none}option{background:var(--input-bg)!important;color:var(--text-primary)!important}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:linear-gradient(180deg,var(--bar),#0b1220);border-bottom:1px solid rgba(255,255,255,.08)}.topbar-inner{max-width:1100px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}.brand-mark{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.12)}.brand-text{font-size:15px}.topnav{display:flex;align-items:center;gap:10px;margin-left:8px}.topnav-link{padding:7px 10px;border-radius:10px;font-size:13px;color:#ffffffd1;border:1px solid transparent}.topnav-link:hover{color:#fff;background:#ffffff0f}.topnav-link.active{color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.28)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.page{flex:1;padding:22px 18px 30px}.page-inner{max-width:1100px;margin:0 auto}.card{background:linear-gradient(180deg,var(--card),rgba(255,255,255,.02));color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 35px #00000059}.muted{color:var(--muted)}input,select,textarea{background:#ffffff0f;border:1px solid var(--border);color:var(--text);border-radius:12px;outline:none}input::placeholder,textarea::placeholder{color:#ffffff73}input:hover,select:hover,textarea:hover{background:#ffffff14}input:focus,select:focus,textarea:focus{border-color:#ffffff2e;box-shadow:0 0 0 4px #ffffff0f}.btn{cursor:pointer;border-radius:10px;padding:8px 12px;font-weight:700;font-size:13px;background:#ffffff0f;color:var(--text);border:1px solid var(--border)}.btn:hover{background:#ffffff17}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border:1px solid rgba(0,0,0,.2)}.btn-primary:hover{filter:brightness(.95)}.btn-ghost{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.14)}.btn-ghost:hover{background:#ffffff24}.btn-danger{background:#ef444424;color:#fecaca;border:1px solid rgba(239,68,68,.25)}.btn-danger:hover{background:#ef444433}code{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:2px 6px;border-radius:8px;color:#ffffffe6}.footer{padding:18px;color:#ffffffb3}.footer-inner{max-width:1100px;margin:0 auto;display:flex;gap:10px;align-items:center;justify-content:center;font-size:12px}.footer-dot{opacity:.5}@media(max-width:760px){.topnav{display:none}.topbar-inner{gap:10px}.brand-text{font-size:14px}}.mobile-menu-btn,.topnav-mobile{display:none}@media(max-width:760px){.topnav{display:none}.mobile-menu-btn{display:inline-flex}.topnav-mobile{display:flex;flex-direction:column;gap:8px;padding:10px 18px 14px;border-top:1px solid rgba(255,255,255,.08);background:var(--card-bg)}.topnav-mobile .topnav-link{display:inline-flex;align-items:center;width:fit-content}}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--border-medium)}.btn-delete{background:var(--btn-delete-bg);color:var(--btn-delete-text);border:1px solid var(--btn-delete-border)}.btn-delete:hover{background:var(--btn-delete-border)}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}.pill-deploy{background:var(--blue-100);color:var(--blue-600)}.pill-rollback{background:var(--red-100);color:var(--red-800)}.pill-incident{background:var(--yellow-100);color:var(--yellow-700)}.pill-smoke,.pill-complete{background:var(--green-100);color:var(--green-700)}.pill-meeting,.pill-role{background:var(--indigo-50);color:var(--indigo-800)}.pill-neutral,.pill-default{background:var(--gray-100);color:var(--gray-700)}.pill-blocker{background:var(--red-100);color:var(--red-800)}.pill-planned{background:var(--gray-100);color:var(--gray-700)}.pill-deploying{background:var(--blue-100);color:var(--blue-600)}.pill-monitoring{background:var(--yellow-100);color:var(--yellow-700)}.badge-active{background:var(--blue-active-bg-strong);color:var(--blue-900);border:1px solid var(--blue-active-border);padding:4px 8px;border-radius:8px;font-size:11px;font-weight:900}.badge-role{background:var(--indigo-50);color:var(--indigo-800);border:1px solid var(--blue-200);padding:4px 8px;border-radius:8px;font-size:11px;font-weight:900}.alert-error{background:var(--red-error-bg);color:var(--red-error-text);border-color:var(--red-error-border)}.row-active{background:var(--blue-50);border-color:var(--blue-300)}.card-active{background:var(--blue-active-bg);border-color:var(--blue-active-border)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg)!important;color:var(--text-primary)!important;font-weight:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--blue-600);outline:none}.form-textarea{resize:vertical}