body{margin:0;color:#0f172a;background:radial-gradient(circle at top left,rgba(99,102,241,.12),transparent 28%),radial-gradient(circle at top right,rgba(14,165,233,.12),transparent 24%),linear-gradient(180deg,#f8fafc,#eef2ff);font-family:Inter,system-ui,Arial,sans-serif}.app{max-width:1180px;margin:0 auto;padding:28px 18px 48px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.topbar h1{margin:4px 0 0;font-size:2.2rem}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;color:#4f46e5;font-size:.75rem;font-weight:700}.userbox{display:flex;gap:12px;align-items:center;background:#ffffffbf;border:1px solid rgba(148,163,184,.25);border-radius:14px;padding:10px 14px;box-shadow:0 8px 30px #0f172a0f}.hero{background:linear-gradient(135deg,#0f172af5,#2563ebe0);color:#fff;border-radius:24px;padding:24px 26px;margin-bottom:22px;box-shadow:0 18px 40px #0f172a2e}.hero h2{margin:0 0 6px;font-size:1.5rem}.hero p,.card p{margin:0;color:inherit}main{display:grid;gap:18px}.card,.login{background:#ffffffd6;border:1px solid rgba(148,163,184,.22);border-radius:22px;padding:18px;box-shadow:0 18px 32px #0f172a12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.form-row{display:flex;gap:10px;margin:10px 0;flex-wrap:wrap}.stack-form{margin-top:10px}input,select,button{border-radius:12px;border:1px solid rgba(148,163,184,.45);padding:11px 12px;font:inherit}input,select{background:#fff;min-width:180px;flex:1}button{background:#111827;color:#fff;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #11182729}button.secondary{background:#fff;color:#0f172a}.message{margin-top:10px;color:#047857;font-weight:600}.error{color:#b91c1c;margin-top:10px}.list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:10px 0 16px}.mini-card{background:#f8fafcf5;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:12px 14px}.mini-card strong{display:block;margin-bottom:6px}.muted{color:#64748b;font-size:.95rem}.login{max-width:540px;margin:60px auto}