*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#f5f7fb;color:#111827}.topbar{height:58px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.brand{font-weight:800;letter-spacing:.08em}.topbar a{color:#dbeafe;text-decoration:none;margin-left:16px;font-size:14px}.container{max-width:1180px;margin:28px auto;padding:0 18px}h1{font-size:26px;margin:0 0 18px}h2{font-size:20px;margin:28px 0 12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow:0 8px 22px rgba(15,23,42,.05)}.cards .card span{display:block;color:#64748b;font-size:13px}.cards .card strong{display:block;font-size:32px;margin-top:8px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;border:1px solid #e5e7eb}th,td{padding:12px;border-bottom:1px solid #edf2f7;text-align:left;font-size:14px}th{background:#f8fafc;color:#334155;font-size:12px;text-transform:uppercase;letter-spacing:.04em}a{color:#2563eb}.btn,button{background:#2563eb;color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:700;text-decoration:none;cursor:pointer}input,select{border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;background:#fff}.filter,.inline-form{display:flex;gap:10px;margin:0 0 18px}.filter input{min-width:360px}.step-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:end}.detail p{margin:8px 0}.muted{color:#64748b}.login-page,.public-home{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-box,.center-card{width:100%;max-width:420px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:28px;box-shadow:0 18px 40px rgba(15,23,42,.08)}.login-box label{display:block;margin:12px 0 6px;color:#334155;font-size:14px}.login-box input{width:100%;margin-bottom:10px}.login-box .btn{width:100%;margin-top:10px}.alert{padding:10px;background:#fee2e2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;margin:10px 0}code{background:#e2e8f0;padding:2px 5px;border-radius:5px}@media(max-width:720px){.topbar{height:auto;align-items:flex-start;flex-direction:column;padding:14px}.topbar nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.topbar a{margin:0}.filter,.inline-form{flex-direction:column}.filter input{min-width:0;width:100%}table{display:block;overflow:auto}}