@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Inter,system-ui,sans-serif;color:#1b2335;background:#f5f6f9}*{box-sizing:border-box}body{margin:0}.top{background:#111824;color:#fff;padding:17px 3.5%;display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:3px solid #f9c83e}.brand{font-size:19px;font-weight:800;letter-spacing:.7px;color:#f9c83e}.top a{color:#e6eaf3;text-decoration:none;margin:0 7px;font-size:13px}.top a:hover{color:#f9c83e}.wrap{max-width:1470px;margin:30px auto;padding:0 3%}h1{font-size:29px;margin:0 0 8px;letter-spacing:-.6px}h2{font-size:18px;margin:0 0 15px}p{color:#667084;line-height:1.55}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:white;border:1px solid #e1e4ea;border-radius:15px;padding:22px;margin:0 0 18px;box-shadow:0 5px 14px #14203908}.metric{font-weight:800;font-size:28px;margin-top:8px}.muted{color:#7a8495;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;background:#f4f5f8;color:#4c5668}td,th{padding:11px;border-bottom:1px solid #e9edf2;vertical-align:top}input,select,textarea{width:100%;border:1px solid #d5dae4;border-radius:8px;padding:10px;font:inherit;margin:5px 0 12px;background:#fff}label{font-size:13px;font-weight:700}button,.btn{border:0;background:#f0bc2b;color:#222a35;border-radius:8px;padding:11px 14px;cursor:pointer;display:inline-block;text-decoration:none;font-size:13px;font-weight:800;margin:3px}button:hover,.btn:hover{background:#fbd34f}button.secondary,.btn.secondary{background:#ebedf2;color:#2a3346}.notice{padding:12px;border-radius:8px;background:#fff2d8;color:#683f00;margin:12px 0}.small{font-size:12px}.tag{display:inline-block;background:#fff3c8;padding:4px 8px;border-radius:7px;color:#5f4811;font-size:12px}.login{max-width:460px;margin:8vh auto}.max{max-width:850px}.error{background:#feecec;color:#971b2d;padding:14px;border-radius:9px}.success{background:#e1f8ea;color:#126336;padding:14px;border-radius:9px}a{color:#b88709}@media(max-width:800px){.top{display:block}.top nav{margin-top:14px}.top a{display:inline-block;padding:6px}.wrap{margin:15px auto}h1{font-size:24px}}
/* v0.1.20: cleaner, responsive navigation and operational tables */
.top{flex-wrap:wrap;row-gap:12px}.top nav{display:flex;flex-wrap:wrap;align-items:center;gap:3px}.top nav a{padding:7px 9px;border-radius:7px;white-space:nowrap;margin:0}.top nav a:hover{background:#273348}.card{box-shadow:0 7px 24px rgba(20,32,57,.055)}.tablewrap{border:1px solid #edf0f4;border-radius:10px}table{min-width:720px}tr:hover td{background:#fafbfe}th{position:sticky;top:0;z-index:1}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f0bc2b;outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:750px){.wrap{margin:20px auto;padding:0 14px}.top{padding:13px 14px}.top nav{width:100%;overflow-x:auto;flex-wrap:nowrap}.card{padding:16px}.grid{grid-template-columns:1fr}h1{font-size:24px}}
