:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f4f4f5;--color-bg-tertiary: #e4e4e7;--color-text-primary: #18181b;--color-text-secondary: #71717a;--color-text-muted: #a1a1aa;--color-border: #e4e4e7;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem}[data-theme=light]{--color-bg-primary: #ffffff;--color-bg-secondary: #f4f4f5;--color-bg-tertiary: #e4e4e7;--color-text-primary: #18181b;--color-text-secondary: #71717a;--color-text-muted: #a1a1aa;--color-border: #e4e4e7;--color-accent: #2563eb;--color-accent-hover: #1d4ed8}[data-theme=dark]{--color-bg-primary: #09090b;--color-bg-secondary: #18181b;--color-bg-tertiary: #27272a;--color-text-primary: #f4f4f5;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-border: #27272a;--color-accent: #3b82f6;--color-accent-hover: #60a5fa}@media(prefers-color-scheme:dark){:root:not([data-theme=light]),[data-theme=system]{--color-bg-primary: #09090b;--color-bg-secondary: #18181b;--color-bg-tertiary: #27272a;--color-text-primary: #f4f4f5;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-border: #27272a;--color-accent: #3b82f6;--color-accent-hover: #60a5fa}}:root{--socc-bg-app: #090d16;--socc-bg-sidebar: #0f172a;--socc-bg-card: #131d31;--socc-bg-surface: #1e293b;--socc-border: #1e293b;--socc-border-subtle: #182234;--socc-text-main: #f8fafc;--socc-text-muted: #94a3b8;--socc-text-dim: #64748b;--socc-accent: #3b82f6;--socc-accent-hover: #2563eb;--color-bg-primary: #090d16;--color-bg-secondary: #0f172a;--color-bg-tertiary: #1e293b;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: #1e293b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--socc-bg-app);color:var(--socc-text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.socc-layout-root{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:var(--socc-bg-app);color:var(--socc-text-main)}@media(min-width:1024px){.socc-layout-root{flex-direction:row}}.socc-mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--socc-bg-sidebar);border-bottom:1px solid var(--socc-border);position:sticky;top:0;z-index:40}@media(min-width:1024px){.socc-mobile-topbar{display:none!important}}.socc-brand{display:flex;align-items:center;gap:.625rem;text-decoration:none;cursor:pointer;transition:opacity .15s ease}.socc-brand:hover{opacity:.9}.socc-brand:focus-visible{outline:none;box-shadow:0 0 0 2px #3b82f680}.socc-brand-icon{width:2rem;height:2rem;border-radius:.5rem;background-color:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.socc-brand-title{font-weight:700;font-size:.875rem;color:#fff}.socc-brand-badge{font-size:.75rem;font-weight:600;color:#60a5fa;margin-left:.375rem}.socc-back-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background-color:#0f172a;color:#94a3b8;border:1px solid #1e293b;border-radius:.5rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.socc-back-btn:hover{color:#fff;background-color:#1e293b;border-color:#334155}.socc-back-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #3b82f680}.socc-mobile-menu-btn{padding:.5rem;color:#94a3b8;border-radius:.375rem;background:transparent;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.socc-mobile-menu-btn:hover{color:#fff;background-color:#1e293b}.socc-mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex}@media(min-width:1024px){.socc-mobile-drawer-backdrop{display:none!important}}.socc-mobile-drawer{width:280px;max-width:85vw;height:100%;background-color:var(--socc-bg-sidebar);border-right:1px solid var(--socc-border);display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;animation:slideInLeft .2s cubic-bezier(.16,1,.3,1)}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.socc-desktop-sidebar{display:none}@media(min-width:1024px){.socc-desktop-sidebar{display:flex;flex-direction:column;justify-content:space-between;width:260px;min-width:260px;max-width:260px;height:100vh;position:sticky;top:0;left:0;background-color:var(--socc-bg-sidebar);border-right:1px solid var(--socc-border);z-index:30;flex-shrink:0;overflow-y:auto}}.socc-sidebar-top{display:flex;flex-direction:column}.socc-sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--socc-border);text-decoration:none;cursor:pointer;transition:background-color .15s ease}.socc-sidebar-brand:hover{background-color:#1e293b66}.socc-sidebar-brand:focus-visible{outline:none;box-shadow:0 0 0 2px #3b82f680}.socc-brand-icon-lg{width:2.25rem;height:2.25rem;border-radius:.5rem;background-color:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #1e3a8a4d}.socc-brand-title-lg{font-size:.875rem;font-weight:700;color:#fff;letter-spacing:-.025em;line-height:1.2}.socc-brand-subtitle{font-size:.6875rem;font-weight:500;color:#94a3b8}.socc-nav-list{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.socc-nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#94a3b8;text-decoration:none;border:1px solid transparent;transition:all .15s ease}.socc-nav-item:hover{color:#f1f5f9;background-color:#1e293b99}.socc-nav-item.active{color:#60a5fa;background-color:#2563eb26;border-color:#3b82f64d;font-weight:600}.socc-nav-icon{width:1rem;height:1rem;flex-shrink:0}.socc-sidebar-footer{padding:1rem;border-top:1px solid var(--socc-border);background-color:#0f172acc}.socc-session-status{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.socc-live-indicator{display:flex;align-items:center;gap:.5rem}.socc-live-dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:#10b981;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.socc-live-text{font-size:.75rem;color:#cbd5e1;font-weight:500}.socc-main-wrapper{flex:1 1 0%;display:flex;flex-direction:column;min-width:0;background-color:var(--socc-bg-app)}.socc-desktop-header{display:none}@media(min-width:1024px){.socc-desktop-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid rgba(30,41,59,.8);background-color:#090d1699;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:sticky;top:0;z-index:20}}.socc-header-title{font-size:1.125rem;font-weight:600;color:#fff;letter-spacing:-.025em}.socc-header-status{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:9999px;background-color:#0f172a;border:1px solid #1e293b;font-size:.75rem;color:#cbd5e1}.socc-main-content{flex:1 1 0%;padding:1rem;max-width:80rem;width:100%;margin:0 auto}@media(min-width:640px){.socc-main-content{padding:1.5rem}}@media(min-width:1024px){.socc-main-content{padding:2rem}}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-4{column-gap:1rem}.gap-y-1{row-gap:.25rem}.space-y-1>*+*{margin-top:.25rem}.space-y-1\.5>*+*{margin-top:.375rem}.space-y-2>*+*{margin-top:.5rem}.space-y-2\.5>*+*{margin-top:.625rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.p-16{padding:4rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-6{padding-bottom:1.5rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pl-9{padding-left:2.25rem}.pl-10{padding-left:2.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.-ml-1{margin-left:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.w-2{width:.5rem}.h-2{height:.5rem}.w-3{width:.75rem}.h-3{height:.75rem}.w-3\.5{width:.875rem}.h-3\.5{height:.875rem}.w-4{width:1rem}.h-4{height:1rem}.w-4\.5{width:1.125rem}.h-4\.5{height:1.125rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-12{width:3rem}.h-12{height:3rem}.w-full{width:100%}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:text-right{text-align:right}.sm\:p-6{padding:1.5rem}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:w-64{width:16rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none!important}.md\:p-8{padding:2rem}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}}.bg-slate-950{background-color:#020617}.bg-slate-900{background-color:#0f172a}.bg-slate-800{background-color:#1e293b}.bg-slate-700{background-color:#334155}.bg-blue-600{background-color:#2563eb}.bg-black\/70{background-color:#000000b3}.bg-slate-950\/80{background-color:#020617cc}.bg-slate-950\/70{background-color:#020617b3}.bg-slate-950\/60{background-color:#02061799}.bg-slate-900\/90{background-color:#0f172ae6}.bg-slate-900\/80{background-color:#0f172acc}.bg-slate-900\/50{background-color:#0f172a80}.bg-slate-900\/30{background-color:#0f172a4d}.bg-slate-800\/80{background-color:#1e293bcc}.bg-slate-800\/60{background-color:#1e293b99}.bg-slate-800\/50{background-color:#1e293b80}.bg-slate-800\/40{background-color:#1e293b66}.bg-blue-600\/15{background-color:#2563eb26}.bg-blue-600\/20{background-color:#2563eb33}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-950\/70{background-color:#172554b3}.bg-amber-600\/15{background-color:#d9770626}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-950\/30{background-color:#451a034d}.bg-amber-950\/40{background-color:#451a0366}.bg-amber-950\/50{background-color:#451a0380}.bg-purple-600\/15{background-color:#9333ea26}.bg-purple-500\/10{background-color:#a855f71a}.bg-rose-600\/15{background-color:#e11d4826}.bg-rose-600\/20{background-color:#e11d4833}.bg-rose-950\/20{background-color:#4c051933}.bg-rose-950\/30{background-color:#4c05194d}.bg-rose-950\/40{background-color:#4c051966}.bg-rose-950\/50{background-color:#4c051980}.bg-emerald-600\/15{background-color:#05966926}.bg-emerald-600\/20{background-color:#05966933}.bg-emerald-500\/10{background-color:#10b9811a}.bg-emerald-950\/30{background-color:#022c224d}.bg-emerald-950\/50{background-color:#022c2280}.bg-emerald-950\/60{background-color:#022c2299}.bg-emerald-950\/80{background-color:#022c22cc}.bg-emerald-500{background-color:#10b981}.bg-indigo-500\/10{background-color:#6366f11a}.border{border-width:1px;border-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-r{border-right-width:1px;border-right-style:solid}.border-t{border-top-width:1px;border-top-style:solid}.border-l{border-left-width:1px;border-left-style:solid}.border-dashed{border-style:dashed}.border-transparent{border-color:transparent}.border-slate-700{border-color:#334155}.border-slate-800{border-color:#1e293b}.border-slate-800\/60{border-color:#1e293b99}.border-slate-800\/80{border-color:#1e293bcc}.border-slate-900\/60{border-color:#0f172a99}.border-blue-500{border-color:#3b82f6}.border-blue-500\/30{border-color:#3b82f64d}.border-blue-800\/80{border-color:#1e40afcc}.border-amber-500\/40{border-color:#f59e0b66}.border-amber-800\/50{border-color:#92400e80}.border-amber-800\/60{border-color:#92400e99}.border-amber-800\/80{border-color:#92400ecc}.border-emerald-500{border-color:#10b981}.border-emerald-500\/30{border-color:#10b9814d}.border-emerald-800\/60{border-color:#065f4699}.border-emerald-800\/80{border-color:#065f46cc}.border-emerald-900\/40{border-color:#064e3b66}.border-emerald-900\/50{border-color:#064e3b80}.border-purple-500\/30{border-color:#a855f74d}.border-rose-500\/30{border-color:#f43f5e4d}.border-rose-800\/60{border-color:#9f123999}.border-rose-800\/80{border-color:#9f1239cc}.border-rose-900\/40{border-color:#88133766}.border-rose-900\/50{border-color:#88133780}.border-rose-900\/60{border-color:#88133799}.border-indigo-500\/30{border-color:#6366f14d}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.text-\[10px\]{font-size:.625rem;line-height:.875rem}.text-\[11px\]{font-size:.6875rem;line-height:1rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,Monaco,Consolas,Liberation Mono,monospace}.font-sans{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.line-through{text-decoration:line-through}.text-white{color:#fff}.text-slate-100{color:#f1f5f9}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-blue-300{color:#93c5fd}.text-blue-400{color:#60a5fa}.text-blue-500{color:#3b82f6}.text-emerald-200{color:#a7f3d0}.text-emerald-300{color:#6ee7b7}.text-emerald-400{color:#34d399}.text-amber-300{color:#fcd34d}.text-amber-400{color:#fbbf24}.text-rose-200{color:#fecdd3}.text-rose-300{color:#fda4af}.text-rose-400{color:#f87171}.text-purple-300{color:#d8b4fe}.text-purple-400{color:#c084fc}.text-indigo-300{color:#a5b4fc}.text-indigo-400{color:#818cf8}.text-cyan-400{color:#22d3ee}.text-red-400\/80{color:#f87171cc}.text-rose-300\/80{color:#fda4afcc}.text-amber-300\/80{color:#fcd34dcc}.hover\:bg-slate-800\/80:hover{background-color:#1e293bcc}.hover\:bg-slate-800\/60:hover{background-color:#1e293b99}.hover\:bg-slate-800\/50:hover{background-color:#1e293b80}.hover\:bg-slate-800\/40:hover{background-color:#1e293b66}.hover\:bg-slate-800:hover{background-color:#1e293b}.hover\:bg-slate-700:hover{background-color:#334155}.hover\:bg-slate-600:hover{background-color:#475569}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-rose-700:hover{background-color:#be123c}.hover\:bg-emerald-200:hover{background-color:#a7f3d0}.hover\:text-white:hover{color:#fff}.hover\:text-slate-200:hover{color:#e2e8f0}.hover\:text-slate-300:hover{color:#cbd5e1}.hover\:text-blue-300:hover{color:#93c5fd}.hover\:text-rose-400:hover{color:#f87171}.hover\:text-emerald-200:hover{color:#a7f3d0}.hover\:border-rose-800\/60:hover{border-color:#9f123999}.hover\:border-blue-500\/40:hover{border-color:#3b82f666}.hover\:border-emerald-500\/40:hover{border-color:#10b98166}.hover\:border-indigo-500\/40:hover{border-color:#6366f166}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--socc-accent)}.focus\:ring-blue-500:focus{box-shadow:0 0 0 2px #3b82f680}.focus\:ring-rose-500:focus{box-shadow:0 0 0 2px #f43f5e80}.focus\:ring-slate-500:focus{box-shadow:0 0 0 2px #64748b80}.focus\:ring-offset-2:focus{box-shadow:0 0 0 2px #090d16,0 0 0 4px var(--socc-accent)}.focus\:border-blue-500:focus{border-color:#3b82f6}.focus\:border-blue-500:focus-within{border-color:#3b82f6}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.group:hover .group-hover\:text-white{color:#fff}.group:hover .group-hover\:translate-x-0\.5{transform:translate(.125rem)}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:ease}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:ease}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.top-full{top:100%}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.left-3{left:.75rem}.left-3\.5{left:.875rem}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.translate-x-0\.5{transform:translate(.125rem)}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.inline{display:inline}.shadow-sm{box-shadow:0 1px 2px #0000004d}.shadow-lg{box-shadow:0 10px 15px -3px #0000004d}.shadow-xl{box-shadow:0 20px 25px -5px #0006}.shadow-2xl{box-shadow:0 25px 50px -12px #00000080}.shadow-blue-900\/30{box-shadow:0 4px 8px #1e3a8a4d}.shadow-blue-900\/40{box-shadow:0 4px 12px #1e3a8a66}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.table-container{width:100%;overflow-x:auto;border-radius:.5rem;border:1px solid #1e293b;background-color:#131d31}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{padding:.75rem 1rem;background-color:#0f172a;color:#94a3b8;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #1e293b;white-space:nowrap}td{padding:.875rem 1rem;border-bottom:1px solid #182234;color:#f1f5f9;vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover{background-color:#1e293b80}.filter-tabs-container{display:flex;gap:.25rem;padding:.25rem;background-color:#0f172a;border:1px solid #1e293b;border-radius:.5rem;overflow-x:auto}.filter-tab-btn{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;color:#94a3b8;border:none;background:transparent;cursor:pointer;white-space:nowrap;transition:color .15s ease,background-color .15s ease}.filter-tab-btn:hover{color:#fff;background-color:#1e293b}.filter-tab-btn.active{color:#fff;background-color:#2563eb;box-shadow:0 1px 2px #0003}input[type=text],input[type=email],input[type=number],input[type=password],select,textarea{background-color:#020617;color:#f1f5f9;border:1px solid #1e293b;border-radius:.5rem;font-size:.875rem;line-height:1.25rem}input::placeholder,textarea::placeholder{color:#64748b}select option{background-color:#0f172a;color:#f1f5f9}.divide-y>*+*{border-top-width:1px;border-top-style:solid}.divide-slate-800\/60>*+*{border-top-color:#1e293b99}.socc-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-width:1px;border-style:solid;border-radius:.375rem;transition:background-color .15s ease,color .15s ease,border-color .15s ease;cursor:pointer}.socc-btn:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.socc-btn:disabled{cursor:not-allowed}.socc-btn-sm{padding:.375rem .625rem;font-size:.75rem;gap:.375rem}.socc-btn-md{padding:.5rem 1rem;font-size:.875rem;gap:.5rem}.socc-btn-lg{padding:.625rem 1.25rem;font-size:1rem;gap:.625rem}.socc-btn-primary:hover:not(:disabled){background-color:#1d4ed8!important}.socc-btn-secondary:hover:not(:disabled){background-color:#475569!important;border-color:#64748b!important}.socc-btn-danger:hover:not(:disabled){background-color:#be123c!important}.socc-btn-ghost:hover:not(:disabled){background-color:#1e293b!important;color:#fff!important}.socc-btn-outline:hover:not(:disabled){background-color:#1e293b!important}.socc-autocomplete-menu{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background-color:#0f172a!important;border:1px solid #334155!important;border-radius:.5rem;box-shadow:0 20px 25px -5px #0009,0 8px 10px -6px #0009;z-index:50;overflow:hidden;max-height:14rem;overflow-y:auto}.socc-autocomplete-item{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:.5rem .75rem;background-color:#0f172a!important;color:#f8fafc!important;border-bottom:1px solid #1e293b;border-left:none;border-right:none;border-top:none;text-align:left;cursor:pointer;transition:background-color .12s ease;-webkit-user-select:none;user-select:none}.socc-autocomplete-item:last-child{border-bottom:none}.socc-autocomplete-item:hover,.socc-autocomplete-item.active,.socc-autocomplete-item:focus{background-color:#1e293b!important;outline:none}.socc-autocomplete-name{color:#f8fafc!important;font-weight:600;font-size:.8125rem}.socc-autocomplete-email{color:#94a3b8!important;font-size:.6875rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;margin-top:.125rem}