:root{--navy:#262362;--indigo:#343B96;--red:#ED2624;--sky:#2FAEE4;--bg:#f5f7fb;--text:#1f2330}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}.wrap{max-width:1100px;margin:0 auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1{color:var(--navy);margin:0 0 4px}h2{color:var(--indigo)}p{margin:0 0 12px;color:#5d6475}.card,.stat{background:#fff;border-radius:18px;padding:22px;box-shadow:0 8px 30px rgba(38,35,98,.08);margin-bottom:20px}.login{max-width:430px;margin:8vh auto}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat b{display:block;font-size:32px;color:var(--navy)}.stat span{color:#697286}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}label{display:block;font-weight:600;margin:0 0 6px}input,textarea,select{width:100%;padding:12px 13px;border:1px solid #d7dce7;border-radius:10px;font-size:15px}button{background:var(--navy);color:#fff;border:0;padding:12px 18px;border-radius:10px;font-weight:700;cursor:pointer}.logout{color:var(--red);text-decoration:none;font-weight:700}.error{background:#ffe9e8;color:#9f1515;padding:10px;border-radius:8px;margin:10px 0}small{display:block;margin-top:14px;color:#777}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #eceff4}@media(max-width:720px){.grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}}

.notice{background:#e7f8ee;color:#12643a;padding:12px 14px;border-radius:10px;margin:12px 0}.inlineform{display:flex;gap:10px;margin:12px 0}.inlineform input{flex:1}.section{border:1px solid #e8ebf2;border-radius:14px;padding:14px;margin:14px 0}.sectionhead{display:flex;gap:14px;align-items:center}.sectionhead strong{flex:1;color:var(--navy)}.sectionhead form{margin:0}.danger{background:#b91c1c}.muted{color:#777}.buttonlink{display:inline-block;background:var(--indigo);color:#fff;text-decoration:none;padding:8px 10px;border-radius:8px;font-weight:700} @media(max-width:720px){.inlineform{flex-direction:column}.sectionhead{flex-wrap:wrap}}

/* V9 admin navigation and utility styles */
.topbar{gap:20px;flex-wrap:wrap}.toplinks{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.userbadge{background:#eef0fb;color:var(--navy);padding:8px 10px;border-radius:999px;font-weight:700}.adminnav{display:flex;gap:8px;flex-wrap:wrap;background:#fff;border-radius:14px;padding:8px;box-shadow:0 8px 30px rgba(38,35,98,.06);margin-bottom:20px}.adminnav a{color:var(--navy);text-decoration:none;font-weight:700;padding:10px 14px;border-radius:10px}.adminnav a:hover,.adminnav a.active{background:var(--navy);color:#fff}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.pagehead h2{margin-bottom:4px}.quickgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick{display:block;padding:16px;border:1px solid #e4e8f0;border-radius:14px;text-decoration:none;color:var(--text);background:#fbfcff}.quick:hover{border-color:#c8cdec;box-shadow:0 6px 18px rgba(38,35,98,.06)}.quick strong{display:block;color:var(--navy);font-size:17px;margin-bottom:6px}.quick span{color:#697286}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tabs a{padding:8px 11px;border-radius:9px;border:1px solid #dfe4ee;text-decoration:none;color:var(--navy);font-weight:700}.tabs a.active{background:var(--indigo);color:#fff;border-color:var(--indigo)}.settings th{width:220px;background:#fafbfe}.settings td,.settings th{vertical-align:top}.statgrid{grid-template-columns:repeat(4,1fr)}code{background:#f0f2f7;padding:2px 5px;border-radius:5px}@media(max-width:900px){.quickgrid{grid-template-columns:1fr 1fr}.statgrid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.quickgrid,.statgrid{grid-template-columns:1fr}.adminnav{display:grid;grid-template-columns:1fr 1fr}.adminnav a{text-align:center}}

.button.small, button.small { padding: 8px 12px; font-size: 13px; }
button.danger { background: #c51f1f; color: #fff; border: 0; }
.badge { display:inline-block; padding:6px 10px; border-radius:999px; background:#eef1ff; color:#262362; font-weight:700; }
