@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #00bcd4;--primary-dark: #0097a7;--primary-light: #4dd0e1;--secondary-color: #0277bd;--accent-color: #ff6f00;--accent-dark: #e65100;--accent-light: #ff9800;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #00bcd4;--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-tertiary: #e8ecf1;--bg-card: #ffffff;--bg-dark: #0a0a0a;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #6b6b6b;--text-on-dark: #ffffff;--border-color: #e0e0e0;--border-color-dark: #333333;--border-radius: 12px;--border-radius-sm: 8px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px rgba(0, 188, 212, .3);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-sm);font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn.btn-primary{background-color:var(--accent-color);color:#fff;font-weight:600}.btn.btn-primary:hover{background-color:var(--accent-dark);box-shadow:0 4px 12px #ff6f004d}.btn.btn-secondary{background-color:var(--primary-color);color:#fff}.btn.btn-secondary:hover{background-color:var(--primary-dark);box-shadow:0 4px 12px #00bcd44d}.btn.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn.btn-ghost:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:14px;transition:all .2s ease;background-color:var(--bg-primary);color:var(--text-primary)}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #00bcd41a}.input::placeholder{color:var(--text-tertiary)}.card{background-color:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--spacing-md);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md)}