@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-canvas: #F8FAFC;--bg-surface: #FFFFFF;--bg-surface-elevated: #F1F5F9;--bg-surface-subtle: #F8FAFC;--bg-sidebar: #0B132B;--bg-sidebar-hover: #152243;--text-sidebar: #F8FAFC;--text-sidebar-muted: #94A3B8;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-inverse: #FFFFFF;--border-subtle: #F1F5F9;--border-default: #E2E8F0;--border-strong: #CBD5E1;--border-focus: #008069;--color-action: #008069;--color-action-hover: #006E5A;--color-action-subtle: #E6F4F1;--color-action-border: #80C0B4;--color-action-accent: #00A884;--color-operational: #2563EB;--color-operational-hover: #1D4ED8;--color-operational-subtle: #EFF6FF;--color-operational-border: #BFDBFE;--color-ai: #7C3AED;--color-ai-hover: #6D28D9;--color-ai-subtle: #F5F3FF;--color-ai-border: #DDD6FE;--color-warning: #D97706;--color-warning-hover: #B45309;--color-warning-subtle: #FFFBEB;--color-warning-border: #FDE68A;--color-danger: #DC2626;--color-danger-hover: #B91C1C;--color-danger-subtle: #FEF2F2;--color-danger-border: #FECACA;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--control-h-xs: 28px;--control-h-sm: 32px;--control-h-md: 40px;--control-h-lg: 44px;--topbar-h: 56px;--sidebar-w: 232px;--sidebar-w-collapsed: 64px;--inbox-list-w: 340px;--context-panel-w: 360px;--mobile-nav-h: 56px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .08), 0 1px 2px -1px rgba(15, 23, 42, .06);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .05);--shadow-glow: 0 0 20px -2px rgba(0, 128, 105, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-canvas: #070B19;--bg-surface: #0E162B;--bg-surface-elevated: #152243;--bg-surface-subtle: #090E1F;--bg-sidebar: #050813;--bg-sidebar-hover: #0E162B;--text-sidebar: #F8FAFC;--text-sidebar-muted: #94A3B8;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--text-inverse: #070B19;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--color-action-subtle: rgba(0, 168, 132, .15);--color-action-border: rgba(0, 168, 132, .3);--color-operational-subtle: rgba(37, 99, 235, .15);--color-operational-border: rgba(37, 99, 235, .3);--color-ai-subtle: rgba(124, 58, 237, .15);--color-ai-border: rgba(124, 58, 237, .3);--color-warning-subtle: rgba(217, 119, 6, .15);--color-warning-border: rgba(217, 119, 6, .3);--color-danger-subtle: rgba(220, 38, 38, .15);--color-danger-border: rgba(220, 38, 38, .3)}.bounded-container{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.bounded-container-interactive,.sos-card-interactive{cursor:pointer;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),border-color .18s ease}.bounded-container-interactive:hover,.sos-card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important;border-color:#94a3b8!important}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.sos-button,.sos-icon-button{user-select:none;-webkit-user-select:none;cursor:pointer;transition:background-color var(--transition-fast, .15s ease),border-color var(--transition-fast, .15s ease),color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease),transform .1s cubic-bezier(.4,0,.2,1)!important}.sos-button:active:not(:disabled),.sos-icon-button:active:not(:disabled){transform:scale(.97)!important}.sos-button-primary:hover:not(:disabled),.sos-icon-button-primary:hover:not(:disabled){background-color:var(--color-action-hover, #006E5A)!important;box-shadow:0 4px 12px -2px #00806959,0 2px 4px -2px #00806940!important;transform:translateY(-1px)}.sos-button-secondary:hover:not(:disabled),.sos-icon-button-secondary:hover:not(:disabled){background-color:var(--bg-surface-elevated, #EEF2F7)!important;border-color:#94a3b8!important;color:var(--text-primary, #0F172A)!important;box-shadow:0 2px 8px -2px #0f172a1f!important;transform:translateY(-1px)}.sos-button-outline:hover:not(:disabled),.sos-icon-button-outline:hover:not(:disabled){background-color:var(--bg-surface-subtle, #F8FAFC)!important;border-color:#94a3b8!important;transform:translateY(-1px)}.sos-button-ghost:hover:not(:disabled),.sos-icon-button-ghost:hover:not(:disabled){background-color:#0f172a0f!important;color:var(--text-primary, #0F172A)!important}.sos-button-danger:hover:not(:disabled),.sos-icon-button-danger:hover:not(:disabled){background-color:var(--color-danger-hover, #B91C1C)!important;box-shadow:0 4px 12px -2px #dc262659,0 2px 4px -2px #dc262640!important;transform:translateY(-1px)}.sos-button:focus-visible,.sos-icon-button:focus-visible{outline:2px solid var(--border-focus, #008069)!important;outline-offset:2px!important}.sos-input{transition:border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease),background-color var(--transition-fast, .15s ease)}.sos-input:hover:not(:disabled){border-color:#94a3b8!important}.sos-input:focus,.sos-input:focus-visible{border-color:var(--color-action, #008069)!important;box-shadow:0 0 0 3px #0080692e!important;outline:none!important}.sos-input.sos-input-error:focus,.sos-input.sos-input-error:focus-visible{border-color:var(--color-danger, #DC2626)!important;box-shadow:0 0 0 3px #dc26262e!important}select{font-family:var(--font-sans, sans-serif);font-size:var(--font-size-sm, .875rem);color:var(--text-primary, #0F172A);background-color:var(--bg-surface, #FFFFFF);border:1px solid var(--border-strong, #CBD5E1);border-radius:var(--radius-md, 8px);padding:8px 32px 8px 12px;min-height:var(--control-h-md, 40px);box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;cursor:pointer;transition:border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}select:hover:not(:disabled){border-color:#94a3b8}select:focus,select:focus-visible{border-color:var(--color-action, #008069);box-shadow:0 0 0 3px #0080692e;outline:none}textarea{font-family:var(--font-sans, sans-serif);font-size:var(--font-size-sm, .875rem);color:var(--text-primary, #0F172A);background-color:var(--bg-surface, #FFFFFF);border:1px solid var(--border-strong, #CBD5E1);border-radius:var(--radius-md, 8px);padding:10px 12px;box-sizing:border-box;transition:border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}textarea:hover:not(:disabled){border-color:#94a3b8}textarea:focus,textarea:focus-visible{border-color:var(--color-action, #008069);box-shadow:0 0 0 3px #0080692e;outline:none}table{border-collapse:separate;border-spacing:0}tbody tr{transition:background-color var(--transition-fast, .15s ease)}tbody tr:hover{background-color:var(--bg-surface-elevated, #F1F5F9)}tbody tr[role=button]:hover,tbody tr[style*="cursor: pointer"]:hover,tbody tr.cursor-pointer:hover{background-color:#0080690d!important}.sos-nav-item{transition:background-color var(--transition-fast, .15s ease),color var(--transition-fast, .15s ease),transform .1s cubic-bezier(.4,0,.2,1)!important}.sos-nav-item:hover:not(:disabled){background-color:var(--bg-sidebar-hover, #152243)!important;color:#fff!important}.sos-nav-item:active:not(:disabled){transform:scale(.98)}.sos-segmented-item{transition:background-color var(--transition-fast, .15s ease),color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease),transform .1s cubic-bezier(.4,0,.2,1)!important}.sos-segmented-item:hover:not(:disabled):not([aria-checked=true]){background-color:#0f172a0d!important;color:var(--text-primary, #0F172A)!important}.sos-segmented-item:active:not(:disabled){transform:scale(.98)}.sos-workspace-trigger{transition:background-color var(--transition-fast, .15s ease),border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.sos-workspace-trigger:hover{background-color:var(--bg-surface, #FFFFFF)!important;border-color:#94a3b8!important;box-shadow:0 1px 3px #0f172a14!important}.sos-user-avatar-btn{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.sos-user-avatar-btn:hover{transform:scale(1.06);box-shadow:0 0 0 2px #00806940}.sos-search-trigger{transition:border-color .15s ease,background-color .15s ease}.sos-search-trigger:hover{border-color:#94a3b8!important;background-color:var(--bg-surface-elevated, #EEF2F7)!important;color:var(--text-primary, #0F172A)!important}.sos-dropzone{transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.sos-dropzone:hover{border-color:var(--color-action, #008069)!important;background-color:var(--color-action-subtle, #E6F4F1)!important;transform:translateY(-1px)}@keyframes sosFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sosModalIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes sosDrawerRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sosDrawerLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sosDrawerBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sos-backdrop{animation:sosFadeIn .18s cubic-bezier(.16,1,.3,1) forwards}.sos-dialog{animation:sosModalIn .22s cubic-bezier(.16,1,.3,1) forwards}.sos-drawer-right{animation:sosDrawerRight .24s cubic-bezier(.16,1,.3,1) forwards}.sos-drawer-left{animation:sosDrawerLeft .24s cubic-bezier(.16,1,.3,1) forwards}.sos-drawer-bottom{animation:sosDrawerBottom .24s cubic-bezier(.16,1,.3,1) forwards}@keyframes sosMessageIn{0%{opacity:0;transform:translateY(4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.sos-message-bubble{animation:sosMessageIn .16s cubic-bezier(.16,1,.3,1) forwards}@keyframes badgeDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.sos-badge-dot{animation:badgeDotPulse 2.2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse{animation:pulse-slow 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100dvh;min-height:100dvh;width:100%;font-family:var(--font-sans, "Inter", system-ui, -apple-system, sans-serif);background-color:var(--bg-canvas, #F8FAFC);color:var(--text-primary, #0F172A);line-height:var(--line-height-normal, 1.5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{height:100dvh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong, #CBD5E1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #94A3B8)}
