*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-900: #07111F;--bg-800: #0B192B;--bg-700: #11253B;--bg-650: #172E48;--bg-600: #213B58;--bg-500: #31516F;--bg-400: #58758D;--bg-300: #8298AA;--menu-surface: #102239;--menu-surface-top: #172D49;--menu-border: rgba(105, 132, 172, .42);--menu-item-hover: rgba(111, 137, 185, .16);--menu-item-active: #385B9F;--menu-item-active-text: #F5F7FB;--accent: #6F8FE8;--accent-strong: #526FC8;--accent-2: #3D5AAE;--accent-hover: #91A8EB;--accent-glow: rgba(111, 143, 232, .27);--accent-dim: rgba(111, 143, 232, .13);--ai: #A78BFA;--ai-dim: rgba(167, 139, 250, .13);--button-h: 38px;--button-radius: 11px;--button-primary-bg: #4D6BC7;--button-primary-hover: #607DD5;--button-primary-border: rgba(139, 163, 229, .72);--button-primary-text: #FFFFFF;--button-secondary-bg: #1B334E;--button-secondary-border: #496783;--text-100: #F6FBFD;--text-200: #E2EDF2;--text-300: #C5D7E0;--text-400: #BCD1DA;--text-500: #9FB8C5;--sev-critical: #FF5376;--sev-high: #FF7A45;--sev-medium: #F2B84B;--sev-low: #35C794;--sev-info: #6F8FE8;--danger: #FF5376;--warning: #F2B84B;--success: #35C794;--info: #6F8FE8;--critical:#FF416B;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-1: 0 1px 0 rgba(255,255,255,.08) inset, 0 12px 30px rgba(1, 16, 27, .22);--shadow-2: 0 22px 52px rgba(1, 15, 26, .32);--shadow-3: 0 34px 84px rgba(0, 10, 18, .48);--fs-display: 28px;--fs-title: 18px;--fs-body: 14px;--fs-label: 11px;--space-1: 6px;--space-2: 12px;--space-3: 20px;--space-4: 32px;--line: rgba(124, 181, 207, .38);--topbar-h: 76px;--strip-h: 44px;--header-h: 76px}html,body,#root{height:100%;background:radial-gradient(1100px 560px at 18% -12%,rgba(85,205,241,.15),transparent 64%),radial-gradient(900px 640px at 96% 0%,rgba(20,139,181,.13),transparent 62%),linear-gradient(180deg,#0a3d5c,#0b344e 54%,#092d45);background-attachment:fixed;color:var(--text-200);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:450;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3{letter-spacing:-.02em;font-weight:700}::selection{background:var(--accent-glow);color:var(--text-100)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-500);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-glow)}input,select,textarea,button{font-family:inherit}button svg{flex-shrink:0;stroke-width:1.8}input:not([type=checkbox]):not([type=radio]),select,textarea{color:var(--text-100);background-color:#103c57;border:1px solid #5688A4;border-radius:10px}input::placeholder,textarea::placeholder{color:var(--text-400);opacity:1}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}select option,select optgroup{background:#103c57;color:var(--text-100)}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.card{background:linear-gradient(145deg,#1b526efa,#14425bfa);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-1);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:#5bcfefad}.card:focus-within{border-color:var(--accent);box-shadow:var(--shadow-2)}:where(a,button,[role=button],input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.metric{font-variant-numeric:proportional-nums;letter-spacing:-.02em}.tnum{font-variant-numeric:tabular-nums}.sev{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px 2px 6px;border-radius:999px;font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--text-200);background:color-mix(in srgb,var(--sev, var(--accent)) 14%,transparent);border:1px solid color-mix(in srgb,var(--sev, var(--accent)) 40%,transparent)}.sev:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--sev, var(--accent));flex:none}.sev-critical{--sev: var(--sev-critical) }.sev-high{--sev: var(--sev-high) }.sev-medium{--sev: var(--sev-medium) }.sev-low{--sev: var(--sev-low) }@media (forced-colors: active){.sev{border-width:2px;forced-color-adjust:none}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}@media (prefers-reduced-motion: reduce){.spin{animation:none}}.skel{position:relative;overflow:hidden;border-radius:var(--radius-sm);background:#719dbb1f}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(113,211,238,.16),transparent);animation:skelSweep 1.4s ease-in-out infinite}@keyframes skelSweep{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.card,.card:hover{transition:none;transform:none}.skel:after{animation:none}}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.display{font-family:Space Grotesk,Inter,sans-serif}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-wordmark{background-image:linear-gradient(90deg,#3d5aae,#6f8fe8 28%,#9bade5,#6f8fe8,#3d5aae);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brand-shimmer 6s ease-in-out infinite;font-family:Space Grotesk,Inter,sans-serif;font-weight:700;letter-spacing:.02em}@keyframes brand-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:fade-up .45s ease-out both}.sprut-modal-scroll::-webkit-scrollbar{width:10px}.sprut-modal-scroll::-webkit-scrollbar-track{background:#07101aa6;border-radius:8px}.sprut-modal-scroll::-webkit-scrollbar-thumb{background:#0b78a847;border-radius:8px;border:2px solid #0E1A28}.sprut-modal-scroll::-webkit-scrollbar-thumb:hover{background:#0b78a87a}.sprut-modal-scroll{scrollbar-width:thin;scrollbar-color:rgba(111,143,232,.38) rgba(7,16,26,.65)}.sprut-content>*{width:100%}.sprut-content button{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.sprut-btn{--btn-bg: var(--bg-700);--btn-bd: var(--line);--btn-fg: var(--text-200);--btn-bg-hover: var(--bg-600);--btn-bd-hover: rgba(111, 143, 232, .42);--btn-fg-hover: var(--text-100);display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--button-h);padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-fg);font-family:inherit;font-size:12.5px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .13s ease,border-color .13s ease,color .13s ease}.sprut-btn:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-bd-hover);color:var(--btn-fg-hover)}.sprut-btn:disabled{opacity:.5;cursor:not-allowed}.sprut-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sprut-btn--lg{height:44px;padding:0 18px;font-size:13px}.sprut-btn--primary{--btn-bg: var(--button-primary-bg);--btn-bd: var(--button-primary-border);--btn-fg: var(--button-primary-text);--btn-bg-hover: var(--button-primary-hover);--btn-bd-hover: var(--accent-strong);--btn-fg-hover: var(--button-primary-text);box-shadow:0 9px 24px #253e7e4d}.sprut-btn--accent{--btn-bg: var(--accent-dim);--btn-bd: var(--accent-glow);--btn-fg: var(--accent);--btn-bg-hover: rgba(111, 143, 232, .2);--btn-bd-hover: var(--accent);--btn-fg-hover: var(--accent)}.sprut-btn--danger{--btn-bg: rgba(251, 113, 133, .1);--btn-bd: rgba(251, 113, 133, .34);--btn-fg: var(--sev-critical);--btn-bg-hover: rgba(251, 113, 133, .18);--btn-bd-hover: var(--sev-critical);--btn-fg-hover: var(--sev-critical)}.sprut-btn--success{--btn-bg: rgba(16, 185, 129, .12);--btn-bd: rgba(16, 185, 129, .38);--btn-fg: #10B981;--btn-bg-hover: rgba(16, 185, 129, .2);--btn-bd-hover: #10B981;--btn-fg-hover: #10B981}.sprut-btn--ghost{--btn-bg: transparent;--btn-bd: transparent;--btn-fg: var(--text-400);--btn-bg-hover: var(--bg-600);--btn-bd-hover: var(--line);--btn-fg-hover: var(--text-100)}.sprut-btn[data-active=true]{--btn-bg: var(--accent-dim);--btn-bd: var(--accent);--btn-fg: var(--accent)}.sprut-btn--success[data-active=true]{--btn-bg: rgba(16, 185, 129, .16);--btn-bd: #10B981;--btn-fg: #10B981}.ui-button{min-height:var(--button-h);padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--button-radius);border:1px solid var(--button-secondary-border);background:var(--button-secondary-bg);color:var(--text-300);font:650 12.5px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}.ui-button:hover:not(:disabled){border-color:#6f8fe875;color:var(--accent-hover);box-shadow:0 8px 20px #00050c47}.ui-button:disabled{opacity:.56;cursor:not-allowed}.ui-button--primary{background:var(--button-primary-bg);border-color:var(--button-primary-border);color:var(--button-primary-text);box-shadow:0 9px 24px #253e7e4d}.sprut-context-actions .sprut-btn:not(.sprut-btn--primary):not(.sprut-btn--accent):not(.sprut-btn--danger):not(.sprut-btn--success){--btn-bg: rgba(255,255,255,.11);--btn-bd: rgba(205,232,242,.42);--btn-fg: #f3fafc;--btn-bg-hover: rgba(255,255,255,.19);--btn-bd-hover: rgba(224,242,248,.72);--btn-fg-hover: #ffffff}.sprut-context-actions .sprut-btn--accent{--btn-bg: rgba(64,85,139,.26);--btn-bd: rgba(126,150,215,.56);--btn-fg: #B8C7F2;--btn-bg-hover: rgba(69,92,151,.42);--btn-bd-hover: #91A8EB;--btn-fg-hover: #E8EDFB}.sprut-context-actions .sprut-btn--primary{--btn-bg: #4D6BC7;--btn-bd: #7892DA;--btn-fg: #FFFFFF;--btn-bg-hover: #607DD5;--btn-bd-hover: #9AACE4;--btn-fg-hover: #FFFFFF}.ui-button--primary:hover:not(:disabled){background:var(--button-primary-hover);color:var(--button-primary-text)}.ui-icon-button{width:var(--button-h);height:var(--button-h);padding:0;display:inline-grid;place-items:center;border-radius:var(--button-radius);border:1px solid var(--button-secondary-border);background:var(--button-secondary-bg);color:var(--text-300);cursor:pointer}button[style*=--button-primary-bg]{min-height:var(--button-h)!important;border-radius:var(--button-radius)!important;border:1px solid var(--button-primary-border)!important;background:var(--button-primary-bg)!important;color:var(--button-primary-text)!important;box-shadow:0 9px 24px #007eac3d!important}button[style*=--button-primary-bg]:hover:not(:disabled){background:var(--button-primary-hover)!important}.sprut-content table{border-collapse:separate;border-spacing:0}.sprut-content thead th{color:var(--text-300);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.sprut-content tbody tr{transition:background-color .12s ease}.sprut-content tbody tr:hover{background:#6f8fe811}.sprut-subnav{display:flex;align-items:center;gap:8px;padding:8px;margin-bottom:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:#144862f0;box-shadow:var(--shadow-1);overflow-x:auto}.sprut-subnav-link{min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;gap:8px;color:var(--text-300);font-size:12.5px;font-weight:650;white-space:nowrap}.sprut-subnav-link:hover{background:var(--bg-600);color:var(--text-100)}.sprut-subnav-link.is-active{color:var(--button-primary-text);background:var(--button-primary-bg);border-color:var(--accent-strong);box-shadow:0 8px 20px #007eac47}.sprut-subnav-context{margin-left:auto;padding:0 10px;display:flex;align-items:center;gap:7px;color:var(--text-400);font-size:11.5px;line-height:1.35;min-width:220px}.soc-dashboard{display:flex;flex-direction:column;gap:22px}.soc-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px}.soc-kpi-card{--kpi-tone: var(--accent);position:relative;min-height:148px;overflow:hidden;border-color:color-mix(in srgb,var(--kpi-tone) 42%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--kpi-tone) 9%,var(--bg-700)),var(--bg-700))}.soc-kpi-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--kpi-tone);box-shadow:0 0 18px color-mix(in srgb,var(--kpi-tone) 60%,transparent)}.soc-kpi-card:hover{border-color:color-mix(in srgb,var(--kpi-tone) 68%,var(--line))}.soc-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.soc-board-panel{min-width:0;min-height:248px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(160deg,#1f5b79fa,#144660fa);box-shadow:var(--shadow-1)}.soc-panel-heading{display:flex;align-items:flex-start;gap:10px;min-width:0}.soc-panel-icon{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:9px;color:var(--accent);background:#6f8fe826;border:1px solid rgba(139,163,229,.4)}.soc-panel-heading h3{margin:1px 0 0;color:var(--text-100);font-size:13.5px;font-weight:750}.soc-panel-heading p{margin:4px 0 0;color:var(--text-400);font-size:11.5px;line-height:1.4}.soc-panel-heading-value{margin-left:auto;color:var(--text-100);font-size:22px;line-height:1}.soc-severity-track{height:18px;margin-top:28px;display:flex;overflow:hidden;border-radius:6px;background:#071d2e70;border:1px solid rgba(162,207,227,.28);box-shadow:inset 0 1px 3px #02121e57}.soc-severity-track>span{min-width:2px}.soc-severity-empty{width:100%;background:#9ec5d733}.soc-severity-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;margin-top:22px}.soc-severity-legend>div{display:grid;grid-template-columns:8px auto 1fr auto;align-items:center;gap:7px;min-width:0}.soc-severity-legend>div>span{width:8px;height:8px;border-radius:3px}.soc-severity-legend strong{color:var(--text-100);font-size:12.5px}.soc-severity-legend small{color:var(--text-300);font-size:11.5px}.soc-severity-legend em{color:var(--text-400);font-size:10.5px;font-style:normal}.soc-volume-chart{height:178px;margin-top:9px}.soc-chart-tooltip{display:grid;gap:3px;padding:8px 11px;border-radius:9px;color:var(--text-300);font-size:11px;background:#08263af5;border:1px solid rgba(104,199,232,.55);box-shadow:var(--shadow-2)}.soc-chart-tooltip strong{color:var(--accent);font-size:12px}.soc-flow-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:22px}.soc-flow-metrics>div{min-width:0;padding:12px;border-radius:11px;background:#0a354eb8;border:1px solid rgba(115,178,204,.36)}.soc-flow-metrics span,.soc-flow-metrics small{display:block;color:var(--text-400);font-size:10px}.soc-flow-metrics span{text-transform:uppercase;letter-spacing:.08em}.soc-flow-metrics strong{display:block;margin:6px 0 4px;color:var(--text-100);font-size:21px;line-height:1}.soc-flow-status{display:flex;align-items:center;gap:7px;margin-top:16px;font-size:11.5px;font-weight:700}.soc-flow-status span{width:7px;height:7px;border-radius:50%;background:currentColor}.soc-noise-list{display:grid;gap:11px;margin-top:19px}.soc-noise-list>div>div:first-child{display:flex;align-items:center;gap:12px;margin-bottom:5px}.soc-noise-list span{min-width:0;overflow:hidden;color:var(--text-300);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.soc-noise-list strong{margin-left:auto;color:var(--text-100);font-size:11.5px}.soc-noise-track{height:6px;overflow:hidden;border-radius:999px;background:#0623357a;border:1px solid rgba(124,181,207,.18)}.soc-noise-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#526fc8,#91a8eb);box-shadow:0 0 12px #6f8fe847}.soc-panel-empty{min-height:150px;display:grid;place-items:center;color:var(--text-400);font-size:12px}.soc-board-error{min-height:auto;color:var(--sev-medium);font-size:12px}.soc-board-skeleton{min-height:248px;border-radius:var(--radius-md)}@media (max-width: 1500px){.soc-kpi-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media (max-width: 980px){.soc-board-grid{grid-template-columns:1fr}.soc-flow-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.soc-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.soc-board-panel{padding:15px}}@media (max-width: 480px){.soc-kpi-grid{grid-template-columns:1fr}}@media (max-width: 1100px){.sprut-health-label,.sprut-refresh-btn{display:none!important}.sprut-health-pill{padding-inline:9px!important}}@media (max-width: 720px){.sprut-content{padding:16px 14px 28px!important}.sprut-page-hero{gap:10px!important}.sprut-top-brand{padding-right:9px!important}.sprut-top-wordmark,.sprut-health-pill{display:none!important}}@keyframes sprutSlideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){@keyframes sprutSlideUp{0%{opacity:1}to{opacity:1}}}