:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#0f172a;background:linear-gradient(180deg,#f8fbff,#f1f5f9)}body{margin:0}.app{min-height:100vh;position:relative}.app:before,.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.app:before{background:radial-gradient(56rem 28rem at -5% -10%,rgba(30,58,138,.18),transparent 72%),radial-gradient(44rem 22rem at 110% 100%,rgba(37,99,235,.16),transparent 70%),linear-gradient(180deg,#f8fbff,#eef4fb)}.app:after{background:linear-gradient(145deg,transparent 0%,transparent 39%,rgba(30,64,175,.08) 50%,transparent 61%,transparent 100%),linear-gradient(25deg,transparent 0%,transparent 42%,rgba(15,23,42,.07) 50%,transparent 58%,transparent 100%)}.top{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;color:#fff;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(148,163,184,.25);background:linear-gradient(120deg,#0f172a,#1e293b 45%,#334155)}.top h1{margin:0;font-size:1.25rem}.top nav{display:flex;gap:.6rem;align-items:center}.top a{color:#dbeafe;text-decoration:none;padding:.32rem .6rem;border-radius:8px;transition:all .18s ease}.top a:hover{background:#94a3b83d;color:#fff}.top a.router-link-active{font-weight:700;color:#0f172a;background:#e2e8f0}.top button{cursor:pointer;color:#fff;padding:.35rem .6rem;border-radius:6px;background:#475569;border:1px solid #64748b;transition:all .18s ease}.top button:hover{background:#64748b}.main{padding:1.2rem;max-width:1460px;margin:0 auto}.main.main-login{max-width:none;margin:0;padding:0;min-height:100dvh;overflow:hidden}.card{background:#fff;border-radius:14px;padding:1.1rem 1.2rem;box-shadow:0 10px 30px #0f172a12;border:1px solid #e2e8f0;margin-bottom:1.05rem}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}