:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#183232;background:#f4f7f5;font-size:15px}*{box-sizing:border-box}body{margin:0}header{padding:22px 5vw;background:#112e2e;color:#fff;display:flex;justify-content:space-between;align-items:center}header>div{display:flex;align-items:center;gap:24px}.brand{font-size:38px;font-weight:800;color:#7ae0c0}main{max-width:1200px;margin:48px auto;padding:0 24px}h1{font-size:30px;margin:0 0 12px}h2{font-size:18px;margin:0 0 20px}p{line-height:1.7;color:#60716c}#login{max-width:480px;margin:10vh auto}form{display:grid;gap:20px}label{display:grid;gap:9px;font-weight:600}input,select,button{font:inherit;border:1px solid #c9d7cf;border-radius:8px;padding:11px 14px;min-height:44px}input,select{width:100%;background:white;color:#183232}button{cursor:pointer;background:white;color:#214d40}button:hover{background:#e5f2eb}.primary{background:#17644e;color:white;border-color:#17644e}.primary:hover{background:#114a39}button:disabled{opacity:.5;cursor:wait}.muted{font-size:13px;color:#74837c}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.card{padding:26px;background:white;border:1px solid #d9e2dc;border-radius:12px;margin-bottom:26px}.fields{display:grid;grid-template-columns:2fr 1.5fr 1fr auto;gap:20px;align-items:end}.table-wrap{overflow:auto;border:1px solid #d9e2dc;border-radius:12px;background:white}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:16px;border-bottom:1px solid #edf1ee}th{color:#68786f;font-size:13px}td button{margin:3px;padding:7px 10px;font-size:13px;min-height:36px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:20px}#notice{white-space:pre-wrap}#notice.error{color:#a52828}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;padding:18px;background:#f0f7f2}dialog{border:1px solid #d9e2dc;border-radius:12px;padding:30px;width:min(440px,95vw)}dialog::backdrop{background:#10282188}[hidden]{display:none!important}@media(max-width:750px){.fields{grid-template-columns:1fr}header{padding:16px}.heading{align-items:flex-start;gap:16px}h1{font-size:24px}}