:root{
 --blue:#337ab7;--blue-dark:#286090;--ink:#333;--muted:#777;--line:#ddd;
 --surface:#fff;--soft:#f5f5f5;--page:#e8e8e8;--danger:#d9534f;
 --success-bg:#dff0d8;--success-ink:#3c763d;--error-bg:#f2dede;--error-ink:#a94442;
 --radius:4px;--shadow:0 1px 3px rgba(0,0,0,.12)
}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font:14px Arial,Helvetica,sans-serif}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.utility-header{min-height:64px;padding:8px 22px;background:linear-gradient(#fff,#fafafa);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.top-brand{display:flex;align-items:center;gap:12px;color:#555}.top-brand:hover{text-decoration:none}.top-brand img{width:46px;height:46px;object-fit:contain}.top-brand span{display:flex;flex-direction:column}.top-brand strong{font-size:17px}.top-brand small{margin-top:3px;color:#777;font-size:11px}
.utility-header nav{display:flex;gap:24px;align-items:center}.utility-header nav a{color:#666}
.container{max-width:1280px;margin:24px auto;padding:0 18px 40px}.card{background:#fff;border:1px solid #d5d5d5;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:18px}
h1,h2,h3{margin-top:0;font-weight:400;color:#444}h1{font-size:24px}h2{font-size:20px}h3{font-size:17px}.muted{color:var(--muted);line-height:1.5}
.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.hero-seal{display:grid;place-items:center;background:#f8fbff;border:1px solid #d9e7f4}.hero-seal img{width:150px;max-width:65%}
.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
label{display:block;margin-bottom:6px;font-weight:700;color:#555}input,select{width:100%;height:38px;padding:8px 10px;border:1px solid #ccc;border-radius:var(--radius);background:#fff;color:#333;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
input:focus,select:focus{outline:none;border-color:#66afe9;box-shadow:0 0 6px rgba(102,175,233,.6)}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.btn{display:inline-block;padding:9px 14px;border:1px solid transparent;border-radius:var(--radius);font-weight:700;cursor:pointer}.btn-primary{background:var(--blue);border-color:var(--blue-dark);color:#fff}.btn-secondary{background:#fff;border-color:#ccc;color:#333}.btn-danger{background:var(--danger);color:#fff}.btn:hover{text-decoration:none;filter:brightness(.97)}
.flash{padding:12px 14px;border:1px solid transparent;border-radius:var(--radius);margin-bottom:12px}.flash.success{background:var(--success-bg);color:var(--success-ink);border-color:#d6e9c6}.flash.error{background:var(--error-bg);color:var(--error-ink);border-color:#ebccd1}
.sticky-scroll{overflow:auto;border:1px solid #ddd}table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}th,td{border:1px solid #d5d5d5;padding:7px 8px;text-align:center;white-space:nowrap}th{background:var(--blue);color:#fff}.subhead th{background:var(--blue-dark)}td.left{text-align:left}.total-row td{font-weight:700;background:#f5f5f5}.average-row td{font-weight:700;background:#d9edf7}.report-title{text-align:center;margin-bottom:12px}.report-title h3{margin-bottom:4px}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#e9f2fa;color:#286090;font-size:11px;font-weight:700}
.danger-box{border-color:#ebccd1}.site-footer{padding:16px 22px;background:#fff;border-top:1px solid #ddd;color:#777;font-size:11px;display:flex;justify-content:space-between}
.login-card{max-width:460px;margin:40px auto}.login-brand{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid #eee;margin-bottom:18px}.login-brand img{width:58px;height:58px;object-fit:contain}
@media(max-width:760px){.utility-header{align-items:flex-start;flex-direction:column}.utility-header nav{gap:15px;flex-wrap:wrap}.hero-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;gap:6px}}
@media print{.utility-header,.actions,.danger-box,.site-footer{display:none!important}.container{max-width:none;margin:0;padding:0}.card{border:0;box-shadow:none;page-break-inside:avoid}}