:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--primary: #0284c7;--primary-dark: #0369a1;--primary-light: #0ea5e9;--secondary: #06b6d4;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--border-light: #e2e8f0;--border-medium: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px 0 rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px 0 rgba(0, 0, 0, .1);--radius-lg: 8px;--radius-md: 6px;--radius-sm: 4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-secondary);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}input,button{font-family:inherit;border:none;background:none;outline:none}a{text-decoration:none;color:inherit}.card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md)}.text-gradient{color:var(--text-primary)}.text-gradient-primary{color:var(--primary)}.nav-link{position:relative;transition:color .2s ease;color:var(--text-secondary);font-weight:500}.nav-link:hover{color:var(--primary)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}