:root{--navy:#13263d;--blue:#2271b1;--paper:#f5f7fa;--border:#dce3eb;--green:#13795b;--red:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#19212b;font:16px system-ui,-apple-system,Segoe UI,sans-serif}header{background:var(--navy);padding:14px max(20px,calc((100% - 1160px)/2));display:flex;gap:28px;align-items:center;color:#fff}.brand{font-size:20px;font-weight:800;color:#fff;text-decoration:none}.brand span{color:#77c8ff}nav{display:flex;gap:3px;flex-wrap:wrap}nav a{color:#d8e2ef;text-decoration:none;padding:8px 10px;border-radius:6px;font-size:14px}nav a.active,nav a:hover{background:#284666;color:white}main{max-width:1160px;margin:0 auto;padding:32px 20px}h1{margin-top:0}h2{font-size:20px}.muted,small{color:#667789}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 36px}.cards article,.panel{background:#fff;border:1px solid var(--border);border-radius:10px;padding:20px}.cards b{font-size:34px;display:block}.cards span{color:#667789}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.content{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:15px 0}.post{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}form{display:grid;gap:12px}label{display:grid;gap:5px;font-weight:600;font-size:14px}input,textarea,select{font:inherit;border:1px solid #b9c6d4;border-radius:6px;padding:10px;width:100%;background:white}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}button,.button{background:var(--blue);color:white;border:0;border-radius:6px;padding:10px 14px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;width:max-content}.secondary{background:#5b6775}.alert{padding:12px 15px;border-radius:7px}.success{color:#075c42;background:#d9f7eb}.error{color:#8a1c13;background:#ffebe9}.badge{background:#e6edf5;color:#3c5167;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700}table{width:100%;border-collapse:collapse;background:white;border:1px solid var(--border);border-radius:10px;overflow:hidden}th,td{padding:13px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:13px;color:#536477;background:#f8fafc}.settings{max-width:720px}.auth{max-width:440px;margin:8vh auto;background:white;border:1px solid var(--border);border-radius:12px;padding:28px}@media(max-width:700px){header{display:block}nav{margin-top:12px;overflow-x:auto;flex-wrap:nowrap}.cards,.grid,.content{grid-template-columns:1fr}main{padding:22px 12px}table{font-size:14px}th,td{padding:10px}.content{gap:14px}}
