:root{--bg-color:#121212;--bg-surface:#1e1e1e;--bg-elevated:#2c2c2c;--accent-primary:#3b82f6;--accent-hover:#2563eb;--accent-success:#10b981;--accent-danger:#ef4444;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--glass-bg:#1e1e1e99;--glass-border:#ffffff14;--glass-shadow:0 4px 30px #00000080;--transition-fast:.2s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-panel{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:12px}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;font-family:Inter,sans-serif}.btn-primary{background-color:var(--accent-primary);color:#fff;border-radius:8px;padding:.6rem 1.2rem;font-weight:500}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:8px;padding:.6rem 1.2rem;font-weight:500}.btn-secondary:hover{background-color:#3f3f3f}.btn-danger{color:var(--accent-danger);border:1px solid var(--accent-danger);background-color:#0000;border-radius:6px;padding:.4rem .8rem}.btn-danger:hover{background-color:var(--accent-danger);color:#fff}input{background-color:var(--bg-elevated);border:1px solid var(--glass-border);color:var(--text-primary);width:100%;transition:border-color var(--transition-fast);border-radius:8px;padding:.6rem 1rem;font-family:Inter,sans-serif}input:focus{border-color:var(--accent-primary);outline:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.page-wrapper{min-height:calc(100vh - 80px);padding-top:80px}h1,h2,h3,h4{color:var(--text-primary);margin-bottom:.5rem;font-weight:600}p{color:var(--text-secondary)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-elevated) 50%, var(--bg-surface) 75%);background-size:1000px 100%;border-radius:8px;animation:2s linear infinite shimmer}.spinner{border:3px solid #ffffff1a;border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:1rem}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;display:grid}@media (width<=768px){.grid{grid-template-columns:1fr}}