:root{--circuit-navy-950:#040e24;--circuit-navy-900:#06142a;--circuit-navy-800:#0b2343;--circuit-blue-700:#0752a0;--circuit-blue-500:#1689e8;--circuit-blue-400:#32b3ff;--circuit-cyan-400:#45d9f4;--circuit-cyan-200:#8debfa;--circuit-white-ice:#f5f8ff;--circuit-text-muted:#a9c6df;--circuit-background:#040e24;--circuit-surface:#06142a;--circuit-surface-raised:#0b2343;--circuit-primary:#1689e8;--circuit-primary-hover:#32b3ff;--circuit-highlight:#45d9f4;--circuit-text:#f5f8ff;--circuit-text-secondary:#a9c6df;--circuit-border:#23405e;--circuit-motion-logo-enter:.7s;--circuit-motion-glow-pulse:3.6s;--circuit-motion-orbit-rotation:45s;--circuit-motion-particle-drift:8s;--circuit-motion-screen-exit:.35s;--navy:var(--circuit-navy-950);--navy-light:var(--circuit-navy-800);--navy-dark:var(--circuit-navy-900);--primary:var(--circuit-primary);--accent:var(--circuit-primary);--accent-dark:var(--circuit-blue-700);--accent-hover:var(--circuit-primary-hover);--highlight:var(--circuit-highlight);--bg:#f0f0f0;--bg-subtle:#f7f8fa;--bg-white:#fff;--bg-card:#fff;--white:#fff;--border:#d4d4d4;--border-light:#e8e8e8;--text:#1a1a1a;--text-secondary:#555;--text-muted:#888;--text-muted-aa:#46566b;--text-faint-aa:#5a687c;--surface-1:#f3f6fa;--surface-2:#e6ecf3;--border-subtle:#dde4ec;--border-strong:#c3cddb;--control-border:#7d8da3;--status-green-text:#1a6b2d;--status-red-text:#b02a37;--status-amber-text:#8a5a00;--status-purple-text:#5a32a3;--green:#28a745;--orange:#fd7e14;--yellow:#ffc107;--red:#e74c3c;--grey:#6c757d;--purple:#9b59b6;--blue:var(--accent);--gold:#f39c12;--radius:6px;--shadow:0 2px 8px #0000001f;--shadow-sm:0 1px 3px #00000014;--brand-gradient:linear-gradient(135deg, var(--circuit-blue-700) 20%, var(--circuit-navy-800) 60%, var(--circuit-navy-950) 100%);--topbar-gradient:linear-gradient(90deg, var(--circuit-blue-700) 0%, var(--circuit-navy-800) 55%, var(--circuit-navy-950) 100%)}.brand-lockup{align-items:center;gap:10px;display:flex}.brand-mark{flex:none;width:38px;height:38px;display:block}.brand-mark--sm{width:26px;height:26px}.brand-name{color:var(--navy);letter-spacing:1px;font-size:1.3rem;font-weight:800}*{box-sizing:border-box}body{color:var(--text);background:var(--bg-subtle);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.form-section{flex-direction:column;gap:12px;display:flex}.form-field{flex-direction:column;gap:4px;min-width:0;display:flex}.form-field label{color:#555;font-size:12px;font-weight:600}.form-input,.form-textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.form-textarea{resize:vertical}.form-footer{border-top:1px solid #eee;justify-content:space-between;align-items:center;gap:10px;padding-top:8px;display:flex}.btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 14px;font-size:13px;font-weight:600}.btn:hover{background:#f5f5f5}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:#1976d2;border-color:#1976d2}.btn-primary:hover{background:#1662ae}.btn-ghost{background:0 0}.topbar{background:var(--topbar-gradient);z-index:200;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:12px;height:50px;padding:0 16px;display:flex;position:relative}.topbar-left{flex-shrink:0;align-items:center;gap:8px;width:auto;min-width:220px;display:flex}.app-title{color:#fff;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;font-size:20px;font-weight:700}.app-subtitle{color:#ffffff8c;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:600}.topbar-center{flex:1}.topbar-right{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;width:auto;min-width:220px;display:flex}.notif-wrap{position:relative}.notif-btn{color:#ffffffbf;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .12s,color .12s,border-color .12s;display:flex;position:relative}.notif-btn:hover,.notif-btn--active{color:#fff;background:#ffffff1a;border-color:#fff3}.user-menu{position:relative}.user-btn{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;min-width:0;padding:4px 8px;transition:background .15s;display:flex}.user-btn:hover{background:#ffffff1a}.user-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.user-info{flex-direction:column;align-items:flex-start;display:flex}.user-name{font-size:13px;font-weight:600;line-height:1.2}.user-role{color:#fff9;font-size:11px;line-height:1.2}.chevron{color:#fff9;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.dropdown-menu{z-index:1000;background:#fff;border:1px solid #d4d4d4;border-radius:6px;min-width:160px;padding:4px 0;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 2px 8px #0000001f}.app-switcher-menu{min-width:200px;left:0;right:auto}.app-switcher-current{color:#0006;cursor:default}.dropdown-item{color:#1a1a1a;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:13px;text-decoration:none;display:flex}.dropdown-item:hover{background:#f7f8fa}.dropdown-item.danger{color:#e74c3c}.dropdown-divider{background:#eee;height:1px;margin:4px 0}.admin-layout{flex-direction:column;height:100vh;display:flex}.admin-body{flex:1;display:flex;overflow:hidden}.admin-nav{color:#cfd6e4;background:#1c2333;flex-direction:column;flex-shrink:0;width:220px;padding:16px 0;display:flex}.admin-nav-links{flex-direction:column;gap:2px;padding:0 8px;display:flex}.admin-nav-link{color:#cfd4e2;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:.9rem;text-decoration:none;display:flex}.admin-nav-link:hover,.admin-nav-link.active{color:#fff;background:#ffffff14}.admin-main{background:#f7f8fa;flex:1;padding:24px 32px;overflow-y:auto}.settings-page{padding:24px}.settings-page h1{margin:0 0 16px;font-size:20px}.settings-layout{background:#fff;border:1px solid #eee;border-radius:8px;gap:0;display:flex;overflow:hidden}.settings-nav{background:#fafafa;border-right:1px solid #eee;flex-shrink:0;width:180px;padding:8px 0}.settings-nav-item{text-align:left;color:#555;cursor:pointer;background:0 0;border:none;width:100%;padding:9px 18px;font-size:13px;display:block}.settings-nav-item:hover{color:#222;background:#f0f2f8}.settings-nav-item.active{color:#17203a;background:#e3e8ef;font-weight:600}.settings-content{flex:1;padding:24px 28px}.settings-section-title{color:#17203a;border-bottom:1px solid #eee;margin-bottom:16px;padding-bottom:10px;font-size:13px;font-weight:700}.settings-placeholder{color:#888;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 20px;font-size:13px;display:flex}.app-loading,.app-unauthenticated,.sso-landing-loading,.sso-landing-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.sr-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.sr-table th,.sr-table td{text-align:left;border-bottom:1px solid #eee;padding:8px 10px}.sr-table th{color:#666;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.sr-table tr:hover{cursor:pointer;background:#fafafa}.sr-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.sr-toolbar input,.sr-toolbar select{border:1px solid #ddd;border-radius:4px;padding:6px 8px;font-size:13px}.sr-refresh-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;margin-left:auto;padding:6px 12px;font-size:13px}.sr-refresh-btn:hover{background:#f5f5f5}.sr-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.sr-pill{color:#333;background:#e3e8ef;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.sr-detail-card{background:#fff;border:1px solid #eee;border-radius:8px;max-width:720px;padding:20px}.sr-detail-row{margin-bottom:12px}.sr-detail-label{text-transform:uppercase;color:#999;letter-spacing:.4px;font-size:11px}.sr-detail-value{white-space:pre-wrap;margin-top:2px;font-size:14px}.sr-back-link{color:#1976d2;cursor:pointer;margin-bottom:14px;font-size:13px;display:inline-block}.sr-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sr-modal-card{background:#fff;border-radius:8px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 30px #00000040}.sr-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sr-modal-header h3{margin:0;font-size:16px}.sr-modal-close{cursor:pointer;color:#999;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.sr-modal-close:hover{color:#333}.sr-modal-body{padding:20px}.sr-modal-body .sr-detail-card{border:none;max-width:none;padding:0}.sr-modal-card{max-width:95vw}.sr-modal-split{align-items:flex-start;gap:20px;display:flex}.sr-modal-split>.sr-detail-card{flex:55%;min-width:0}.sr-comments{border-left:1px solid #eee;flex-direction:column;flex:45%;min-width:0;padding-left:20px;display:flex}.sr-comments-title{text-transform:uppercase;color:#999;letter-spacing:.4px;margin-bottom:8px;font-size:11px}.sr-comments-error{color:#dc143c;margin-bottom:8px;font-size:12px}.sr-comments-list{flex-direction:column;gap:10px;max-height:45vh;margin-bottom:12px;display:flex;overflow-y:auto}.sr-comments-empty{color:#999;font-size:13px}.sr-comment{background:#f7f8fa;border-radius:6px;padding:8px 10px}.sr-comment-meta{color:#666;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.sr-comment-text{white-space:pre-wrap;word-break:break-word;font-size:13px}.sr-comment-edited{color:#999;margin-top:4px;font-size:11px}.sr-comment-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.sr-comment-edit{color:#1976d2;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.sr-comments textarea,.sr-comment textarea{width:100%;font:inherit;resize:vertical;border:1px solid #ddd;border-radius:4px;padding:6px 8px;font-size:13px}@media (width<=800px){.sr-modal-split{flex-direction:column}.sr-comments{border-top:1px solid #eee;border-left:none;width:100%;padding-top:12px;padding-left:0}}