:root{--app-bg: #f8f7fc;--app-surface: #ffffff;--app-surface-hover: #f3f4f6;--app-surface-active: #e5e7eb;--app-surface-elevated: #ffffff;--app-border: #e5e7eb;--app-border-subtle: #f3f4f6;--app-border-strong: #d1d5db;--app-text-primary: #1e1b4b;--app-text-secondary: #6b7280;--app-text-muted: #9ca3af;--app-text-disabled: #d1d5db;--app-text-inverse: #ffffff;--app-success: #10b981;--app-success-bg: #ecfdf5;--app-error: #ef4444;--app-error-bg: #fef2f2;--app-warning: #f59e0b;--app-warning-bg: #fffbeb;--app-info: #3b82f6;--app-info-bg: #eff6ff;--app-brand: #7c3aed;--app-brand-light: #ede9fe;--app-brand-dark: #5b21b6;--app-ai-gradient: linear-gradient( 135deg, #7c3aed 0%, #a78bfa 50%, #c084fc 100% );--app-sidebar-bg: #ffffff;--app-sidebar-text: #6b7280;--app-sidebar-text-active: #1e1b4b;--app-nav-pill-bg: transparent;--app-nav-pill-active-bg: #ede9fe;--app-nav-pill-active-text: #7c3aed;--app-nav-indicator: #7c3aed;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--ph-primary: #7c3aed;--ph-primary-light: #ede9fe;--ph-primary-dark: #5b21b6;--ph-surface: #ffffff;--ph-surface-hover: #faf5ff;--ph-surface-active: #f3e8ff;--ph-bg: #f8f7fc;--ph-border: #e5e7eb;--ph-border-light: #f3f4f6;--ph-text: #1e1b4b;--ph-text-secondary: #6b7280;--ph-text-muted: #9ca3af;--ph-info: #3b82f6;--ph-radius-sm: 6px;--ph-gradient-start: #f5f3ff;--ph-gradient-end: #faf5ff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background-color:var(--app-bg);color:var(--app-text-primary)}#root{min-height:100vh;width:100%}a{font-weight:500;color:var(--app-brand);text-decoration:inherit}a:hover{color:var(--app-brand-dark)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--app-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--app-border-strong)}select:focus,input:focus,textarea:focus{border-color:var(--app-brand);border-width:2px;border-radius:inherit;box-shadow:none;outline:none}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:.5}50%{opacity:.8}to{transform:translateY(-40px) scale(.5);opacity:0}}@keyframes livePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.4}}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}