body{max-width:1000px;margin:0 auto;padding:32px 22px 80px;background:#f5f7f9;color:#102640;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}main{background:#fff;border:1px solid #e3e9ef;border-radius:18px;box-shadow:0 14px 42px #1534520b;padding:42px;min-height:420px}.brand{display:block;width:min(380px,90%);height:auto;margin:0 0 34px}nav{padding-bottom:24px;margin-bottom:38px;border-bottom:1px solid #e3e9ef}nav a{color:#0d3b6c;text-decoration:none;font-weight:750}h1{color:#082b50;letter-spacing:-.04em;font-size:clamp(32px,4vw,48px);line-height:1.1;margin:0 0 26px}h2{color:#102d4c}input,textarea,select{border:1px solid #cbd7e1;border-radius:9px;padding:13px 14px;color:#1d3550;outline:none}input:focus,textarea:focus,select:focus{border-color:#0e5b9f;box-shadow:0 0 0 3px #d9eafa}label{font-weight:700;font-size:14px}button{background:#0d3b6c;border-radius:9px;padding:14px 20px;font-weight:750}button:hover{background:#14548c}.msg{border:1px solid #e3e9ef;border-radius:12px;padding:18px;margin:12px 0;background:#fbfcfe}.muted{color:#66778a}table{width:100%;border-collapse:collapse}th{text-align:left;background:#eef3f8}td,th{border-bottom:1px solid #e3e9ef;padding:12px 10px}a{color:#0d4c85}@media(max-width:650px){body{padding:14px}main{padding:24px}.brand{width:280px}table{display:block;overflow-x:auto}}
.eyebrow{color:#39709d;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}.heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.button{display:inline-block;background:#0d3b6c;color:white;text-decoration:none;padding:12px 17px;border-radius:9px;font-weight:750}.button.secondary,button.secondary{background:#eef3f8;color:#17446d}.button.secondary:hover,button.secondary:hover{background:#dceaf5}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0 38px}.metrics>div{background:#f4f8fc;border:1px solid #dfebf5;border-radius:14px;padding:22px}.metrics strong{display:block;font-size:34px;color:#0d3b6c;letter-spacing:-.04em}.metrics span{display:block;color:#58718a;font-size:13px;font-weight:700}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0}.filters a,.filters span{display:inline-block;padding:8px 13px;border-radius:8px;text-decoration:none;font-weight:700;color:#24537b}.filters .selected{background:#0d3b6c;color:#fff}.table-wrap{overflow-x:auto}.table-wrap table{min-width:620px}.table-wrap small,td small{display:block;color:#78889b;margin-top:4px}.badge{display:inline-block;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:800;background:#e9eef3;color:#3e5870}.badge.open{background:#e2f4ea;color:#16633c}.badge.waiting{background:#fff1d6;color:#835516}.badge.closed{background:#e9edf2;color:#536273}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.panel{background:#f7fafc;border:1px solid #e3eaf1;border-radius:14px;padding:24px;margin:22px 0 34px}.staff-create{display:grid;grid-template-columns:1fr 150px 1fr auto;gap:12px;align-items:end}.staff-create label{min-width:0}.staff-create input,.staff-create select{width:100%;box-sizing:border-box}.staff-create button{margin-bottom:16px}form input,form textarea,form select{display:block;width:100%;box-sizing:border-box;margin:7px 0 16px;font:inherit}form button{cursor:pointer}.table-wrap form{margin:4px 0}.table-wrap form input,.table-wrap form select{min-width:130px;margin:4px 0}.small{padding:8px 11px;font-size:12px}.success{background:#e2f4ea;color:#16633c;border-radius:8px;padding:12px}.error{color:#a20b19}nav{display:flex;gap:10px;flex-wrap:wrap}nav a{white-space:nowrap}@media(max-width:780px){.metrics{grid-template-columns:repeat(2,1fr)}.staff-create{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:1fr}}@media(max-width:500px){.metrics{grid-template-columns:1fr 1fr}.metrics>div{padding:14px}.staff-create{grid-template-columns:1fr}.staff-create button{margin-bottom:0}}
.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:48px;align-items:start}.hero p{font-size:16px;line-height:1.7}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.hero aside{background:#f2f7fb;border:1px solid #e0eaf3;border-radius:14px;padding:22px}.hero aside h2{font-size:18px;margin-top:0}.hero aside a{display:block;padding:11px 0;border-top:1px solid #dce6ef;text-decoration:none;font-weight:700}.faq details{border:1px solid #e0e8ef;border-radius:12px;margin:12px 0;padding:17px 20px}.faq summary{cursor:pointer;font-weight:800;color:#103b64}.faq details p{line-height:1.65;color:#445a70;margin-bottom:0}.warning-backdrop{position:fixed;inset:0;background:#0b1c31bd;display:grid;place-items:center;padding:20px;z-index:99}.warning-dialog{background:white;box-shadow:0 24px 80px #07172866;border-radius:17px;width:min(520px,100%);padding:30px;box-sizing:border-box}.warning-dialog h2{font-size:29px;margin:0 0 12px}.warning-dialog p{line-height:1.55}.warning-dialog button{width:100%;margin-top:8px}@media(max-width:700px){.hero{grid-template-columns:1fr;gap:22px}.hero aside{padding:18px}}
.warning-backdrop{overflow-y:auto;display:block;text-align:center}.warning-dialog{display:block;text-align:left;width:min(780px,100%);max-height:calc(100vh - 40px);overflow-y:auto;margin:auto}.warning-dialog h2{text-align:center;color:#111;font-size:31px;letter-spacing:0}.warning-dialog .warning-intro{font-size:18px;color:#c92026;font-weight:800}.warning-dialog ul{padding-left:24px;margin:24px 0;list-style:square}.warning-dialog li{padding-left:6px;margin:13px 0;line-height:1.5}.warning-dialog button{width:min(280px,100%);display:block;margin:22px auto 0;background:#0d3b6c}@media(max-width:700px){.warning-dialog{padding:22px}.warning-dialog h2{font-size:25px}.warning-dialog .warning-intro{font-size:16px}}