*{box-sizing:border-box}
body{margin:0;background:#f4f7fb;color:#172033;font-family:Segoe UI,Arial,sans-serif}
.topbar{height:68px;background:#14213d;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 28px}
.brand{color:#fff;text-decoration:none;font-size:19px;font-weight:700}
.subtitle{display:block;color:#b8c2d8;font-size:12px;margin-top:2px}
.topbar nav{display:flex;gap:16px;align-items:center}
.topbar nav a,.navbtn{color:#fff!important;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}
.container{max-width:1500px;margin:26px auto;padding:0 20px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}
.stat,.panel{background:#fff;border:1px solid #e4e9f1;border-radius:14px;box-shadow:0 5px 20px rgba(20,33,61,.05)}
.stat{padding:18px 20px}.stat span{display:block;color:#667085;font-size:13px}.stat strong{font-size:28px}
.panel{padding:20px;margin-bottom:20px}
.panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px}
.panel h1,.panel h2{margin:0 0 8px}
.toolbar{display:grid;grid-template-columns:1fr 260px auto auto;gap:10px;margin:20px 0}
.input{width:100%;padding:10px 12px;border:1px solid #cfd7e5;border-radius:9px;background:#fff;font:inherit;color:inherit}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfd7e5;background:#fff;color:#172033;text-decoration:none;padding:9px 13px;border-radius:9px;cursor:pointer;font:inherit}
.primary{background:#1769e0!important;border-color:#1769e0!important;color:#fff!important}
.danger{color:#b42318!important;border-color:#f1b6b2!important}
.small{padding:6px 9px;font-size:12px}.wide{width:100%;margin-top:14px}
.tablewrap{overflow:auto}
.grid{width:100%;border-collapse:collapse;font-size:13px}
.grid th,.grid td{padding:11px 10px;border-bottom:1px solid #edf0f5;text-align:left;vertical-align:top}
.grid th{background:#f8fafc;color:#475467}
.grid a,.grid input{margin-right:5px}
.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.formgrid.single{grid-template-columns:1fr}
.formgrid label{font-size:13px;color:#475467}.formgrid .input{display:block;margin-top:6px}
.formactions{display:flex;gap:10px;margin-top:18px}
.alert{display:block;padding:12px 14px;border-radius:10px;margin-bottom:16px}
.success{background:#ecfdf3;color:#027a48}.alert.danger{background:#fef3f2;color:#b42318}
.muted{color:#667085;font-size:12px;line-height:1.5}
.loginbody{min-height:100vh;display:grid;place-items:center;background:#f4f7fb}
.logincard{width:min(420px,calc(100% - 30px));background:#fff;padding:32px;border-radius:18px;box-shadow:0 20px 60px rgba(20,33,61,.12)}
.eyebrow{font-size:12px;color:#1769e0;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.logincard h1{margin:8px 0 22px}.logincard label{display:block;font-size:13px;color:#475467;margin-bottom:6px}
@media(max-width:850px){.toolbar,.formgrid,.stats{grid-template-columns:1fr}.topbar{padding:0 14px}.topbar nav{gap:7px}.container{padding:0 12px}}

.import-help{background:#f8fafc;border:1px solid #e4e9f1;border-radius:12px;padding:15px;margin:18px 0}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.chips span{background:#eef4ff;color:#2856a6;border-radius:999px;padding:5px 9px;font-size:11px}.uploadbox{display:grid;grid-template-columns:1fr 280px auto;gap:10px;align-items:center}.import-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.import-summary>div{background:#f8fafc;border:1px solid #e4e9f1;border-radius:10px;padding:14px}.import-summary span{display:block;color:#667085;font-size:12px}.import-summary strong{font-size:22px;display:block;margin-top:4px}@media(max-width:850px){.uploadbox,.import-summary{grid-template-columns:1fr}}