body{margin:0;background:#f5f7fb;color:#172033;font-family:Inter,Arial,sans-serif}.login-wrap{min-height:100vh;display:grid;place-items:center}.card{background:#fff;border-radius:18px;box-shadow:0 16px 40px rgba(20,30,55,.10);padding:28px;border:1px solid #e8ecf3}.login-card{width:360px}.brand{font-size:22px;font-weight:800;margin-bottom:6px}.muted{color:#677085;font-size:14px}.form-row{margin:14px 0}.form-row label{display:block;font-weight:700;margin-bottom:6px}.form-row input{width:100%;box-sizing:border-box;border:1px solid #d8deea;border-radius:10px;padding:10px 12px;font-size:14px}.btn{background:#b9872c;color:#fff;border:0;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer}.btn-secondary{background:#172033}.topbar{background:#172033;color:#fff;padding:16px 28px;display:flex;justify-content:space-between;align-items:center}.topbar a{color:#fff;text-decoration:none}.wrap{max-width:1180px;margin:28px auto;padding:0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.span-3{grid-column:span 3}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid #eef1f6;text-align:left}.table th{font-size:13px;color:#677085}.table input{max-width:120px;border:1px solid #d8deea;border-radius:8px;padding:8px}.alert{padding:12px 14px;background:#eaf7ec;border:1px solid #bde5c4;border-radius:12px;margin-bottom:16px}.error{background:#fff1f1;border-color:#ffc4c4}@media(max-width:800px){.grid{grid-template-columns:1fr}.span-3{grid-column:span 1}}