@tailwind base;@tailwind components;@tailwind utilities;:root{--surface-page: #f1f4f9;--surface-card: #ffffff;--surface-raised: #ffffff;--surface-inset: #eef2f8;--border-hairline: #e2e8f0;--border-strong: #cbd5e1;--edge-highlight: rgba(255, 255, 255, .6);--fx-canvas: var(--surface-page);--fx-paper: var(--surface-card);--fx-subtle: #f8fafc;--fx-raised: var(--surface-raised);--fx-inset: var(--surface-inset);--fx-edge-highlight: var(--edge-highlight);--fx-border: var(--border-hairline);--fx-border-strong: var(--border-strong);--fx-text-primary: #1B365D;--fx-text-secondary: #64748b;--fx-text-muted: #94a3b8;--fx-text-strong: #0f172a;--fx-topbar-bg: #ffffff;--fx-cat-indigo: #3730a3;--fx-cat-emerald: #065f46;--fx-cat-teal: #115e59;--fx-primary: #1B365D;--fx-primary-700: #132643;--fx-secondary: #0087B4;--fx-secondary-600: #00769d;--fx-success: #16a34a;--fx-warning: #d97706;--fx-danger: #dc2626;--fx-success-text: #15803d;--fx-warning-text: #b45309;--fx-danger-text: #b91c1c;--fx-info-text: #0369a1;--fx-success-soft: rgba(22, 163, 74, .12);--fx-success-border: rgba(22, 163, 74, .3);--fx-warning-soft: rgba(217, 119, 6, .12);--fx-warning-border: rgba(217, 119, 6, .3);--fx-danger-soft: rgba(220, 38, 38, .12);--fx-danger-border: rgba(220, 38, 38, .3);--fx-info-soft: rgba(0, 135, 180, .12);--fx-info-border: rgba(0, 135, 180, .3);--fx-cat-indigo-soft: rgba(99, 102, 241, .14);--fx-cat-emerald-soft: rgba(16, 185, 129, .14);--fx-cat-teal-soft: rgba(20, 184, 166, .14);--fx-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--fx-shadow-md: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--fx-shadow-lg: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--fx-shadow-xl: 0 10px 24px rgba(15, 23, 42, .1), 0 4px 8px rgba(15, 23, 42, .06);--fx-font-mono: ui-monospace, "SF Mono", SFMono-Regular, "Menlo", "Consolas", "Liberation Mono", "DejaVu Sans Mono", monospace}html[data-theme=dark]{--surface-page: #0a0f1a;--surface-card: #161f33;--surface-raised: #1e2a44;--surface-inset: #0e1626;--border-hairline: rgba(150, 170, 210, .12);--border-strong: rgba(150, 170, 210, .22);--edge-highlight: rgba(255, 255, 255, .05);--fx-subtle: var(--surface-raised);--fx-text-primary: #e2e8f0;--fx-text-secondary: #aab8cc;--fx-text-muted: #8a9ab0;--fx-text-strong: #f8fafc;--fx-topbar-bg: linear-gradient(90deg, #1B365D 0%, #15294a 55%, #0b1629 100%);--fx-cat-indigo: #a5b4fc;--fx-cat-emerald: #6ee7b7;--fx-cat-teal: #5eead4;--fx-success-text: #4ade80;--fx-warning-text: #fbbf24;--fx-danger-text: #f87171;--fx-info-text: #38bdf8;--fx-primary: #9cb8de;--fx-shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--fx-shadow-md: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);--fx-shadow-lg: 0 4px 12px rgba(0, 0, 0, .55), 0 2px 4px rgba(0, 0, 0, .4);--fx-shadow-xl: 0 10px 24px rgba(0, 0, 0, .6), 0 4px 8px rgba(0, 0, 0, .5)}html,body,#root,.app{height:100%;width:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0;box-sizing:border-box!important;background-color:var(--fx-canvas);color:var(--fx-text-primary);font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px;border:2px solid var(--fx-canvas)}::-webkit-scrollbar-thumb:hover{background:#94a3b8}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible,[role=menuitem]:focus-visible,[role=link]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--fx-secondary);outline-offset:2px;box-shadow:0 0 0 4px #0087b438;border-radius:4px}button:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible){outline:none}::selection{background:#0087b42e;color:var(--fx-primary)}.gradient-text{background:linear-gradient(135deg,var(--fx-primary) 0%,var(--fx-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes fxFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fxFadeIn .35s cubic-bezier(.16,1,.3,1) both}@keyframes fxSlideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:fxSlideInRight .35s cubic-bezier(.16,1,.3,1) both}@keyframes fxPulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes fxLivePulse{0%{box-shadow:0 0 #16a34a73}70%{box-shadow:0 0 0 5px #16a34a00}to{box-shadow:0 0 #16a34a00}}.pulse{animation:fxPulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-smoke{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1);filter:blur(20px)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1);filter:blur(25px)}}.hover-lift{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--fx-shadow-lg)}.fx-surface-card{background-color:var(--surface-card);border:1px solid var(--border-hairline);box-shadow:inset 0 1px 0 var(--edge-highlight),var(--fx-shadow-sm);border-radius:8px}.fx-surface-inset{background-color:var(--surface-inset);border:1px solid var(--border-hairline);border-radius:8px}.fx-surface-raised{background-color:var(--surface-raised);border:1px solid var(--border-strong);box-shadow:var(--fx-shadow-lg);border-radius:8px}.brand-primary{color:var(--fx-primary)}.brand-secondary{color:var(--fx-secondary)}.bg-brand-primary{background-color:var(--fx-primary)}.bg-brand-secondary{background-color:var(--fx-secondary)}.app-container{background-color:var(--fx-canvas);min-height:100vh}.fx-grid-bg{background-image:linear-gradient(rgba(27,54,93,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(27,54,93,.04) 1px,transparent 1px);background-size:32px 32px}.fx-num{font-family:var(--fx-font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:-.01em}.fx-tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.kc-loading{display:flex;justify-content:center;align-items:center;height:100vh;color:#fff;font-family:sans-serif}