*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f3f6fa;color:#172033}a{text-decoration:none}.topbar{height:76px;background:#0b416b;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:30;box-shadow:0 4px 15px rgba(0,0,0,.12)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}.brand b{display:block;font-size:18px;letter-spacing:.5px}.brand small{opacity:.8}.userbox{display:flex;align-items:center;gap:14px;font-size:14px}.userbox span{font-weight:700}.userbox small{opacity:.75}.userbox a{background:#fff;color:#0b416b;padding:8px 12px;border-radius:8px;font-weight:700}.layout{display:flex;min-height:calc(100vh - 76px)}.sidebar{width:240px;background:#fff;border-right:1px solid #e5eaf0;padding:18px 12px;position:sticky;top:76px;height:calc(100vh - 76px)}.sidebar a{display:block;padding:11px 13px;margin:4px 0;color:#334155;border-radius:9px}.sidebar a:hover,.sidebar a.active{background:#e8f2f9;color:#0b416b;font-weight:700}.side-title{font-size:11px;color:#98a2b3;font-weight:800;margin:18px 10px 6px;letter-spacing:1px}.content{flex:1;padding:28px;max-width:1500px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.page-head h1{margin:0 0 4px;font-size:28px}.page-head p{margin:0;color:#667085}.date-pill{background:#fff;border:1px solid #e5e7eb;padding:9px 13px;border-radius:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stats.compact-stats{grid-template-columns:repeat(5,1fr)}.stat{background:#fff;padding:19px;border:1px solid #edf0f4;border-radius:14px;box-shadow:0 4px 12px rgba(16,24,40,.04)}.stat span{display:block;color:#667085;font-size:13px}.stat strong{display:block;font-size:28px;margin-top:5px;color:#0b416b}.grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.panel{background:#fff;border:1px solid #edf0f4;border-radius:14px;padding:20px;box-shadow:0 4px 15px rgba(16,24,40,.04);margin-bottom:18px}.panel h2{margin:0 0 16px;font-size:19px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-grid a{padding:18px;border:1px solid #e5eaf0;border-radius:12px;color:#0b416b;background:#f9fbfd}.quick-grid a:hover{border-color:#90b9d3;transform:translateY(-1px)}.quick-grid b,.quick-grid small{display:block}.quick-grid small{color:#667085;margin-top:4px}.summary-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eef2f6}.good{color:#12805c}.bad{color:#b42318}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inline-form>*{flex:1;min-width:150px}.compact{display:flex;gap:8px}.compact>*{width:auto;flex:1}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.search{max-width:320px}.btn{display:inline-block;border:0;border-radius:9px;padding:10px 14px;cursor:pointer;font-weight:700;font-size:14px}.btn.primary{background:#0b416b;color:#fff}.btn.secondary{background:#eaf2f8;color:#0b416b}.btn.small{padding:8px 11px}.btn.wide{width:100%}.alert{padding:12px 14px;border-radius:10px;margin-bottom:15px}.alert.success{background:#e8f7ef;color:#087443}.alert.danger{background:#feeceb;color:#b42318}input,select{border:1px solid #d0d5dd;border-radius:9px;padding:10px 11px;background:#fff;outline:none;width:100%;font:inherit}input:focus,select:focus{border-color:#6ea6c7;box-shadow:0 0 0 3px rgba(59,130,246,.08)}table{width:100%;border-collapse:collapse}th,td{padding:11px 10px;border-bottom:1px solid #edf0f4;text-align:left;white-space:nowrap;font-size:14px}th{background:#f8fafc;color:#475467}.link-danger{color:#b42318}.badge{padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800}.badge.H{background:#e8f7ef;color:#087443}.badge.S{background:#fff2cc;color:#8a5b00}.badge.I{background:#eaf2f8;color:#0b416b}.badge.A{background:#feeceb;color:#b42318}.badge.T{background:#f4e9ff;color:#6941c6}.login-page{min-height:100vh;display:grid;place-items:center;background-image:url('background.jpg');background-size:cover;background-position:center;position:relative}.login-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,35,56,.70),rgba(5,27,45,.36))}.login-card{position:relative;z-index:2;width:min(430px,92vw);background:rgba(255,255,255,.96);border-radius:20px;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.28);text-align:center}.login-logo{width:110px;height:110px;object-fit:contain;margin-bottom:5px}.login-title{font-size:25px;font-weight:900;color:#0b416b}.login-subtitle{font-size:13px;color:#667085;line-height:1.45;margin:5px 0 18px}.login-card label{display:block;text-align:left;font-size:13px;font-weight:700;margin:12px 0 6px}.login-card input{background:#fff}.login-help{margin-top:14px;color:#667085;font-size:12px;line-height:1.5}@media(max-width:980px){.sidebar{width:205px}.stats{grid-template-columns:repeat(2,1fr)}.stats.compact-stats{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.topbar{height:auto;min-height:70px;padding:10px 14px}.userbox{gap:6px}.userbox small{display:none}.layout{display:block}.sidebar{position:relative;top:auto;width:100%;height:auto;display:flex;gap:5px;overflow:auto;border-right:0;border-bottom:1px solid #e5eaf0;padding:8px}.sidebar a{white-space:nowrap}.side-title{display:none}.content{padding:16px}.page-head{display:block}.date-pill{display:inline-block;margin-top:10px}.stats,.stats.compact-stats{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.tablewrap{overflow:auto}.brand small{display:none}}@media print{.topbar,.sidebar,.btn,.search,.page-head p{display:none!important}.content{padding:0}.panel{box-shadow:none;border:0}}