*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#202020}.app{display:flex;min-height:100vh}.sidebar{width:365px;background:#fff;border-right:1px solid #e6e6e6;box-shadow:2px 0 18px rgba(0,0,0,.06);display:flex;flex-direction:column}.brandBox{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-bottom:1px solid #e8e8e8}.brandLogo{width:82px;height:82px;border-radius:50%;object-fit:cover}.brandBox h1{font-size:25px;line-height:1.12;color:#c40012;margin:0 0 6px;font-weight:800}.brandBox b{display:block;font-size:16px;margin-bottom:4px}.brandBox span{display:block;font-size:15px;color:#333}.navGroup{font-weight:bold;color:#d00012;font-size:14px;margin:20px 18px 10px;letter-spacing:.5px}nav{padding:12px 16px 18px;overflow:auto}nav a{display:flex;align-items:center;gap:14px;padding:13px 16px;margin:5px 0;border-radius:7px;text-decoration:none;color:#343434;font-size:16px;line-height:1.25}nav a span{width:22px;text-align:center;color:#646464}nav a:hover{background:#fff1f1;color:#c40012}.active,nav a.active{background:linear-gradient(180deg,#d60818,#bd0010)!important;color:white!important;box-shadow:0 4px 12px rgba(205,0,18,.25)}nav a.active span{color:white}.sub{padding-left:40px}.sub a{font-size:14px;padding:8px 12px}.content{flex:1;display:flex;flex-direction:column;min-width:0;background:#fff}.topbar{height:78px;border-bottom:1px solid #e6e6e6;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 26px}.menuBtn{background:linear-gradient(180deg,#d60818,#bd0010);color:white;border:0;border-radius:6px;font-size:22px;padding:8px 13px;box-shadow:0 4px 12px rgba(205,0,18,.28);cursor:pointer}.dateNow{font-size:16px;color:#222}main{padding:16px 20px 22px;flex:1}.welcome{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:10px;border:1px solid #e6e6e6;border-left:7px solid #c40012;box-shadow:0 4px 14px rgba(0,0,0,.07);padding:20px 30px;margin-bottom:18px;overflow:hidden}.welcome h2{margin:0;color:#d00012;font-size:24px}.welcome p{margin:6px 0 0}.capitol{font-size:60px;color:#ff8f8f;opacity:.8}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:18px}.stat{background:#fff;border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.07);padding:22px 16px;display:flex;align-items:center;gap:18px;min-height:110px}.statIcon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid #c40012;color:#c40012;font-size:25px;flex:0 0 auto}.stat label{display:block;font-size:12px;color:#111}.stat b{font-size:24px;color:#d00012;display:block;margin:5px 0}.stat small{font-size:12px}.dashGrid{display:grid;grid-template-columns:1fr 1.55fr;gap:18px}.card{background:white;border-radius:10px;border:1px solid #e6e6e6;box-shadow:0 4px 14px rgba(0,0,0,.07);padding:16px;margin-bottom:18px}.card h2,.card h3{margin:0 0 12px;color:#d00012}.card h3 span{font-weight:normal;font-size:13px}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:9px;border-bottom:1px solid #e5e5e5;font-size:14px;text-align:left}th{background:#d00012;color:white}.miniTable th,.miniTable td{text-align:center}.miniTable td:nth-child(2),.miniTable th:nth-child(2){text-align:left}.outlineBtn,.btn{display:inline-block;padding:10px 18px;border-radius:6px;text-decoration:none;cursor:pointer;font-weight:bold;border:1px solid #d00012;background:white;color:#d00012}.btn{background:linear-gradient(180deg,#d60818,#bd0010);color:white}.btn.gray{background:#555;border-color:#555}.btn.light{background:#fff;color:#d00012}.center{text-align:center}.chart{height:260px;display:flex;align-items:end;gap:20px;padding:28px 20px 20px;border-top:1px solid #eee}.barGroup{flex:1;display:flex;align-items:end;justify-content:center;gap:5px;height:210px;position:relative}.bar{width:13px;border-radius:2px 2px 0 0}.bar.red{background:linear-gradient(90deg,#b50010,#ef4b50)}.bar.gold{background:linear-gradient(90deg,#d99b00,#ffc325)}.bar.gray{background:linear-gradient(90deg,#999,#d5d5d5)}.barLabel{position:absolute;bottom:-20px;font-size:12px}.legend{text-align:center;font-size:13px;margin:8px}.legend span{display:inline-block;margin:0 14px}.legend i{display:inline-block;width:24px;height:10px;border-radius:2px;margin-right:6px}.recentItem{display:flex;gap:14px;padding:11px;border-bottom:1px solid #eee}.recentIcon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff0f0;color:#d00012}.announce{display:flex;gap:18px;background:linear-gradient(90deg,#fff2f2,#fff);border-radius:10px;padding:22px}.announceIcon{font-size:28px;color:#d00012}.formGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end}.row,.row3,.row4{display:grid;gap:14px}.row{grid-template-columns:repeat(2,1fr)}.row3{grid-template-columns:repeat(3,1fr)}.row4{grid-template-columns:repeat(4,1fr)}input,select,textarea{width:100%;padding:10px;border:1px solid #d8d8d8;border-radius:7px;background:#fff;margin:5px 0 12px}input:focus,select:focus,textarea:focus{outline:0;border-color:#c40012;box-shadow:0 0 0 3px #ffe6e6}label{font-size:13px;font-weight:bold;color:#333}.msg{padding:11px;background:#fff0f0;border-left:5px solid #d00012;border-radius:4px;margin-bottom:12px}.err{background:#ffe5e5}.loginBody{background:linear-gradient(135deg,#fff 0%,#fff4f4 45%,#c40012 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.loginCard{width:430px;background:white;border-radius:18px;padding:28px;border:1px solid #eee;box-shadow:0 20px 60px rgba(130,0,0,.18)}.loginLogo{width:118px;height:118px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 12px}.loginCard h2{text-align:center;color:#c40012;margin:0}.loginSub{text-align:center;line-height:1.45;margin:8px 0 22px}.reportSheet{background:#fff;color:#000;padding:16px;overflow:auto}.reportTitle{text-align:center;font-family:"Times New Roman",serif;line-height:1.22;margin-bottom:4px}.reportTitle b{font-size:14px}.reportTable{font-family:Arial,Helvetica,sans-serif;font-size:12px;min-width:1040px}.reportTable th,.reportTable td{border:1px solid #000;padding:4px;text-align:center;color:#000}.reportTable th{background:#fff;color:#000}.reportTable td.name{text-align:left;white-space:nowrap}.reportTable td.date{white-space:nowrap}.reportTable .totalRow td{font-weight:bold}.signatories{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:28px;font-size:13px}.sigBlock{padding:0 8px}.sigName{font-weight:bold;margin-top:28px;text-align:center}.sigTitle{text-align:center}footer{background:linear-gradient(180deg,#d60818,#bd0010);color:#fff;padding:14px 25px;font-size:13px;display:flex;justify-content:space-between}.noPrint{}@media(max-width:1100px){.sidebar{width:310px}.stats{grid-template-columns:repeat(2,1fr)}.dashGrid{grid-template-columns:1fr}}@media(max-width:800px){.app{display:block}.sidebar{display:none;position:fixed;z-index:50;top:0;bottom:0;left:0;overflow:auto}.sidebar.show{display:block}.brandBox h1{font-size:18px}.brandLogo{width:62px;height:62px}.topbar{height:62px}.stats,.dashGrid,.formGrid,.row,.row3,.row4{grid-template-columns:1fr}.welcome{padding:18px}.capitol{display:none}footer{display:block;text-align:center}.dateNow{font-size:13px}main{padding:12px}.tableWrap{font-size:12px}}@media print{.sidebar,.topbar,footer,.noPrint,.btn,.outlineBtn{display:none!important}.content{display:block}.app{display:block}.card{box-shadow:none;border:0}.reportSheet{border:0;padding:0}.reportTable{font-size:11px;width:100%;min-width:0}.reportTable th,.reportTable td{padding:3px}main{padding:0}.signatories{page-break-inside:avoid}body{background:white}}