:root{--bg-color: #0f172a;--card-bg: rgba(30, 41, 59, .7);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #3b82f6;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--success-color: #10b981;--error-color: #ef4444;--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(circle at 10% 20%,rgba(59,130,246,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.15) 0%,transparent 40%)}#root{min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1rem}.input-field{width:100%;padding:.75rem 1rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;margin-bottom:1rem;transition:all .2s}.input-field:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f64d}.btn-primary{background:var(--accent-gradient);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:transform .1s,opacity .2s;width:100%}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.container{max-width:1200px;margin:0 auto;padding:2rem}.grid-cols-1{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}.grid-cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.grid-cols-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}@media (max-width: 768px){.grid-cols-2,.grid-cols-4{grid-template-columns:1fr}.container{padding:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}