body{margin:0;font-family:Arial,sans-serif;background:#eef1f6;color:#13233a}a{text-decoration:none}input,select,button{width:100%;padding:12px 14px;border:1px solid #cfd7e3;border-radius:8px;font-size:14px;box-sizing:border-box;background:#fff}button,.btn{background:#2f66e0;color:#fff;border:none;cursor:pointer;display:inline-block;width:auto;padding:10px 14px}button:hover,.btn:hover{opacity:.95}.btn-secondary{background:#5b6578}.btn-danger{background:#d9534f}.topbar{background:#26284b;color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}.container{max-width:1150px;margin:22px auto;padding:0 16px}.card{background:#fff;border-radius:14px;padding:18px;margin-bottom:18px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid #e7edf5;text-align:left;font-size:14px;white-space:nowrap}th{background:#f8fafc}.form-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.badge{padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}.badge-green{background:#dcfce7;color:#166534}.badge-red{background:#fee2e2;color:#991b1b}.flash{padding:12px 14px;border-radius:10px;margin-bottom:14px}.flash-success{background:#dcfce7;color:#166534}.flash-error{background:#fee2e2;color:#991b1b}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:430px;background:#fff;border-radius:16px;padding:28px;box-shadow:0 3px 12px rgba(0,0,0,.08)}.small{color:#667085;font-size:14px}.header-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.empty-cell{text-align:center;color:#667085;padding:24px}@media (max-width: 1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid{grid-template-columns:1fr}.header-row,.topbar{flex-direction:column;align-items:flex-start}}