*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f3f6fb;color:#071b3d}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#062456,#0b82ff)}.login-card{background:white;border-radius:22px;padding:36px;width:420px;box-shadow:0 25px 80px #001b4a55}.login-card h1{margin:0 0 18px}.field,input,select,textarea{width:100%;padding:14px 16px;border:1px solid #d9e3f2;border-radius:13px;background:white;font-size:15px}textarea{min-height:100px}.btn{border:0;border-radius:12px;background:#0b7cff;color:white;padding:13px 20px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}.btn.gray{background:#e8eef7;color:#0b2148}.btn.red{background:#ef4444}.btn.green{background:#16a34a}.layout{display:flex;min-height:100vh}.sidebar{width:285px;background:#061b3b;color:white;padding:28px 18px;position:fixed;height:100vh;overflow:auto}.brand{font-size:26px;font-weight:900;line-height:1.05;margin-bottom:26px}.nav a{display:block;color:#dfeaff;text-decoration:none;padding:14px 16px;border-radius:12px;margin:5px 0;font-weight:700}.nav a.active,.nav a:hover{background:#0b7cff;color:white}.main{margin-left:285px;padding:32px;width:calc(100% - 285px)}.topbar,.card{background:white;border:1px solid #dce6f4;border-radius:22px;padding:24px;box-shadow:0 18px 45px #0b2d6610;margin-bottom:22px}.topbar{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{background:white;border:1px solid #dce6f4;border-radius:20px;padding:22px;box-shadow:0 15px 35px #0b2d6610}.stat b{font-size:30px;color:#0b7cff}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end}.form-grid .wide{grid-column:span 2}.table-wrap{overflow:auto;background:white;border-radius:20px;border:1px solid #dce6f4}.table{width:100%;border-collapse:collapse;min-width:900px}.table th{background:#f8fbff;text-align:left;color:#31405a;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.table th,.table td{padding:17px 18px;border-bottom:1px solid #e8eef7}.badge{padding:7px 12px;border-radius:999px;background:#d9fbe7;color:#137333;font-weight:800;font-size:13px}.badge.pending{background:#fff3cd;color:#9a6700}.badge.hold{background:#fee2e2;color:#991b1b}.actions{display:flex;gap:8px;flex-wrap:wrap}.flash{background:#dcfce7;border:1px solid #86efac;color:#166534;padding:14px 16px;border-radius:14px;margin-bottom:16px;font-weight:700}.thumb{width:58px;height:58px;border-radius:12px;object-fit:cover;background:#edf2f7}@media(max-width:900px){.sidebar{position:static;width:100%;height:auto}.layout{display:block}.main{margin:0;width:100%;padding:18px}.grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}