:root{--primary: #8b5cf6;--primary-hover: #7c3aed;--secondary: #06b6d4;--accent: #f472b6;--background: #0f172a;--surface: rgba(30, 41, 59, .7);--border: rgba(255, 255, 255, .1);--text: #f8fafc;--text-muted: #94a3b8;--card-bg: rgba(255, 255, 255, .03);--glass: blur(12px) saturate(180%)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--background);color:var(--text);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}.glass-card{background:var(--surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--border);border-radius:24px;box-shadow:0 8px 32px #0000005e;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:var(--primary);transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:active{transform:scale(.98)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 0 20px #8b5cf666}.input-field{background:#ffffff0d;border:1px solid var(--border);border-radius:12px;padding:12px 16px;color:#fff;width:100%;outline:none;transition:all .3s ease}.input-field:focus{border-color:var(--primary);background:#ffffff1a}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 1024px){:root{font-size:14px}.glass-card{padding:1.5rem!important}}@media (max-width: 768px){nav{margin:1rem!important;padding:.8rem 1.5rem!important;flex-direction:column;gap:1rem;text-align:center}.tab-btn{padding:10px!important;font-size:.8rem}.tab-btn span{display:none}h1{font-size:1.8rem!important}h2{font-size:1.4rem!important}}@media (max-width: 480px){:root{font-size:12px}.glass-card{padding:1rem!important;border-radius:16px!important}.tab-btn{font-size:.7rem;gap:5px!important}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}table tr:hover{background:#ffffff05}