:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-darker: #4338ca;--color-primary-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--color-primary-tint: #f5f3ff;--color-primary-ring: rgba(99, 102, 241, .2);--color-bg-page: #f3f4f6;--color-bg-white: #ffffff;--color-bg-light: #f9fafb;--color-bg-overlay: rgba(255, 255, 255, .95);--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-text-white: #ffffff;--color-border: #e5e7eb;--color-border-hover: #6366f1;--color-success: #10b981;--color-success-bg: #f0fdf4;--color-success-border: #bbf7d0;--color-success-text: #14532d;--color-success-label: #15803d;--color-error: #ef4444;--color-error-bg: #fee2e2;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-sidebar-overlay: rgba(255, 255, 255, .2);--color-sidebar-overlay-light: rgba(255, 255, 255, .15);--color-sidebar-overlay-dark: rgba(0, 0, 0, .2);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 30px;--space-4xl: 40px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 50%;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 35px 60px -15px rgba(0, 0, 0, .3);--shadow-primary: 0 4px 6px rgba(79, 70, 229, .3);--shadow-primary-lg: 0 6px 12px rgba(79, 70, 229, .4);--shadow-card-hover: 0 4px 12px rgba(99, 102, 241, .15);--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 32px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--container-max: 960px;--sidebar-width: 280px;--tap-target-min: 44px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html{overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--color-bg-page);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;height:100dvh;overflow:hidden;padding:var(--space-xl);padding-top:max(var(--space-xl),env(safe-area-inset-top,0px));padding-bottom:max(var(--space-xl),env(safe-area-inset-bottom,0px));padding-left:max(var(--space-xl),env(safe-area-inset-left,0px));padding-right:max(var(--space-xl),env(safe-area-inset-right,0px))}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none;-webkit-tap-highlight-color:transparent}input{font-family:inherit;outline:none;border:none;-webkit-tap-highlight-color:transparent;font-size:16px}img{display:block;max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px)and (min-width:769px){body{padding:var(--space-lg)}}@media(max-width:768px){body{padding:0;display:block;height:auto;overflow:auto;padding-bottom:env(safe-area-inset-bottom,0px)}}