:root{--bg-dark: #070a13;--bg-card: rgba(15, 23, 42, .65);--bg-card-hover: rgba(23, 37, 84, .45);--border-color: rgba(255, 255, 255, .08);--border-focus: rgba(96, 165, 250, .5);--primary: #1d4ed8;--primary-light: #3b82f6;--primary-glow: rgba(59, 130, 246, .15);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--error: #ef4444;--success: #10b981;--font-title: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;line-height:1.6}body{display:flex;flex-direction:column;min-height:100vh;position:relative}.stars-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 40px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 30px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 40px);background-size:550px 550px,350px 350px,250px 250px;background-position:0 0,40px 60px,130px 270px;opacity:.08;z-index:-2;pointer-events:none}.glow-orb{position:fixed;border-radius:50%;filter:blur(140px);opacity:.25;z-index:-1;pointer-events:none}.orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--primary-light) 0%,transparent 70%);top:-100px;left:-100px;animation:orb-float 20s infinite alternate ease-in-out}.orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);bottom:-150px;right:-100px;animation:orb-float 25s infinite alternate-reverse ease-in-out}@keyframes orb-float{0%{transform:translate(0) scale(1)}to{transform:translate(50px,30px) scale(1.1)}}.main-header{background:#070a13bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:.8rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo-link{display:flex;align-items:center}.header-logo{height:50px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(59,130,246,.3));transition:transform var(--transition-fast)}.header-logo:hover{transform:scale(1.03)}.logout-form{display:flex}.header-nav{display:flex;gap:1.5rem;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-family:var(--font-title);font-size:.95rem;font-weight:500;transition:color var(--transition-fast);padding:.5rem .25rem;border-bottom:2px solid transparent}.nav-link:hover{color:#fff}.btn-sm{padding:.5rem 1rem;font-size:.85rem;border-radius:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-title);font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff;box-shadow:0 4px 20px #2563eb4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #2563eb73;background:linear-gradient(135deg,#60a5fa,var(--primary))}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--text-secondary);transform:translateY(-1px)}.main-content{flex:1;display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:2.5rem 2rem}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;box-shadow:0 10px 30px #0000004d;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.glass-card:hover{border-color:#60a5fa33;box-shadow:0 15px 35px #0006,0 0 15px var(--primary-glow)}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.form-label{font-family:var(--font-title);font-size:.9rem;font-weight:500;color:var(--text-secondary);letter-spacing:.02em}.form-control{width:100%;min-width:0;background:#0f172acc;border:1px solid var(--border-color);border-radius:8px;padding:.8rem 1rem;color:#fff;font-family:var(--font-body);font-size:.95rem;transition:all var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 4px var(--primary-glow);background:#0f172af2}.form-control::placeholder{color:var(--text-muted)}.alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-size:.95rem;display:flex;align-items:center;gap:.75rem;border:1px solid transparent}.alert-error{background:#ef44441a;border-color:#ef444433;color:#fca5a5}.alert-success{background:#10b9811a;border-color:#10b98133;color:#a7f3d0}.main-footer{border-top:1px solid var(--border-color);padding:1.5rem;text-align:center;font-size:.85rem;color:var(--text-muted);background:#070a1366}h1,h2,h3,h4{font-family:var(--font-title);font-weight:700;letter-spacing:-.02em;color:#fff}@media(max-width:768px){.main-content{padding:1.5rem 1rem}.glass-card{padding:1.5rem}}@media(max-width:640px){.header-container{padding:.8rem 1rem;gap:1rem}.header-nav{gap:1rem}.nav-link{font-size:.85rem}.btn-text{display:none}.btn-sm{padding:.5rem}}