@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-color:#0f172a;--surface-solid:#1e293b;--surface-border:#334155;--primary:#6366f1;--primary-hover:#4f46e5;--success:#10b981;--danger:#ef4444;--text-main:#f8fafc;--text-muted:#94a3b8;--radius-lg:12px;--radius-md:8px;--radius-sm:4px;--transition:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex}.glass-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af2;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 4px 12px #00000026}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{color:var(--text-muted);margin-bottom:1rem}.btn{cursor:pointer;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;padding:12px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{color:#fff;background:#3b82f6;border:1px solid #2563eb;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.btn-primary:active{transform:translateY(0)}.btn-success{background:var(--success);color:#fff;box-shadow:0 4px 14px #10b98163}.btn-success:hover{background:#059669;transform:translateY(-2px)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 14px #ef444463}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.btn-block{width:100%}.form-group{margin-bottom:12px}.form-label{color:#eef2ff99;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.form-input,.form-select{color:#eef2ff;background:#00000026;border:1px solid #ffffff0d;border-radius:12px;width:100%;padding:10px 12px;font-family:Outfit,sans-serif;font-size:14px;transition:all .15s}.form-input:focus,.form-select:focus{background:#00000040;border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f640}.form-input::placeholder{color:#ffffff4d}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.navbar{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 2rem;display:flex}.nav-brand{background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.nav-links{align-items:center;gap:1rem;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:var(--radius-md);margin-bottom:1rem;padding:1rem;font-weight:500}.alert-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.alert-success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s ease-out forwards fadeIn}@media (max-width:768px){*,:before,:after{font-size:12px!important}}