:root{--b:#123c66;--b2:#1874be;--bg:#f4f7fb;--line:#d9e3ed;--text:#172033;--muted:#66768a;--green:#16864b;--red:#cf3f3f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif}
header{background:var(--b);color:#fff;padding:15px;position:sticky;top:0;z-index:20}.head{max-width:1150px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
h1{font-size:18px;margin:0}.sub{font-size:12px;opacity:.85;margin-top:3px}.logout{color:#fff;text-decoration:none;border:1px solid #ffffff55;padding:8px 10px;border-radius:9px}
main{max-width:1150px;margin:auto;padding:12px}.nav{display:flex;gap:7px;overflow:auto;margin-bottom:12px}.nav a{white-space:nowrap;text-decoration:none;background:#fff;color:var(--b);border:1px solid var(--line);padding:10px 12px;border-radius:10px;font-weight:700}.nav a.active{background:var(--b2);color:#fff}
.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;margin-bottom:12px;box-shadow:0 3px 12px #1231}
.card h2{font-size:17px;color:var(--b);margin:0 0 12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px}.stat b{font-size:25px;color:var(--b2)}
input,select{width:100%;padding:10px;border:1px solid #cad7e5;border-radius:9px;background:#fff;font-size:14px}label{font-size:12px;color:var(--muted)}
.btn{display:inline-block;border:0;border-radius:9px;padding:10px 13px;font-weight:800;text-decoration:none;cursor:pointer;margin:2px}.blue{background:var(--b2);color:#fff}.green{background:var(--green);color:#fff}.gray{background:#e9eff5;color:#34445a}.red{background:var(--red);color:#fff}
.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:9px;border-bottom:1px solid #e5ebf1;text-align:right;font-size:13px}th{background:#eef4fa;color:var(--b)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flash{padding:10px;border-radius:10px;margin-bottom:10px}.flash.ok{background:#e8f7ee;color:#176b3b}.flash.err{background:#fdeaea;color:#a22525}
.exam{border:1px solid var(--line);border-radius:13px;padding:11px;margin-bottom:9px}.examtitle{font-weight:900;color:var(--b)}.small{font-size:12px;color:var(--muted)}
.venue{display:grid;grid-template-columns:1.4fr .7fr .7fr auto;gap:6px;align-items:end;margin-top:7px}.total{padding:8px;background:#eef7ff;border-radius:9px;margin-top:8px;font-weight:800}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef4fa;font-size:12px}.okb{background:#e8f7ee;color:#176b3b}
@media(min-width:800px){.grid{grid-template-columns:repeat(4,1fr)}h1{font-size:22px}}
@media(max-width:650px){.venue{grid-template-columns:1fr 1fr}.venue .wide{grid-column:1/-1}.row{grid-template-columns:1fr}}