:root{--bg-app: #0F172A;--bg-surface: #1E293B;--bg-card: rgba(30, 41, 59, .7);--primary: #10B981;--primary-hover: #059669;--primary-glow: rgba(16, 185, 129, .4);--secondary: #F59E0B;--danger: #EF4444;--text-main: #F8FAFC;--text-muted: #94A3B8;--border: rgba(255, 255, 255, .1);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--space-1: 4px;--space-2: 8px;--space-4: 16px;--space-6: 24px}.dark{color-scheme:dark}*{box-sizing:border_box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background-color:var(--bg-app);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md)}.btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 0 15px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}