:root{color:#eaf2ff;font-synthesis:none;background:#090d2f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%,#20286a 0,#101747 42%,#080c2c 100%);min-width:1120px;margin:0}button,input{font:inherit}.stage{min-height:100vh;padding:18px 22px 28px}.navShell{justify-content:space-between;align-items:center;gap:18px;width:min(1600px,100vw - 44px);margin:0 auto 14px;display:flex}.navTitle{color:#eef4ff;text-transform:uppercase;align-items:center;gap:10px;font-weight:800;display:flex}.navShell nav,.regionTabs{background:#0b1038;border:1px solid #5c83e8;border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex;box-shadow:0 8px 14px #0000008c}.navShell button,.regionTabs button,.iconButton,.uploadButton,.sheetRail button{color:#eef4ff;cursor:pointer;text-transform:uppercase;background:linear-gradient(145deg,#20275d,#121943);border:1px solid #426ad6;border-radius:8px;min-height:38px;padding:0 16px;font-size:12px;font-weight:700}.navShell button.active,.regionTabs button.active{background:linear-gradient(145deg,#9d4ce1,#5d29bc)}.iconButton{place-items:center;width:40px;padding:0;display:inline-grid}.toast{color:#b9dcff;background:#0b1038f2;border:1px solid #73d6ff;border-radius:8px;width:min(1600px,100vw - 44px);margin:0 auto 12px;padding:10px 14px}.dashFrame{background:linear-gradient(145deg,#1c2256f5,#121744f7);border:1px solid #6487e8;border-radius:44px;width:min(1720px,100vw - 44px);margin:0 auto;padding:28px clamp(22px,2vw,34px) 34px;box-shadow:inset 0 0 22px #4d59b23d,0 18px 28px #00000073}.dashFrame.compact{max-width:1120px}.dashFrame>h1{text-align:center;text-transform:uppercase;letter-spacing:0;margin:0 0 20px;font-size:22px;line-height:1.25}.summaryRow{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;gap:clamp(16px,1.5vw,24px);margin-bottom:22px;display:grid}.summaryRow.smallDonuts{max-width:760px;margin-left:auto;margin-right:auto}.numberCard,.dashPanel,.uploadBox,.dataPanel,.sheetRail,.emptyState{background:linear-gradient(145deg,#202762,#1a2054);border:1px solid #5d86ef;border-radius:24px;box-shadow:14px 16px 18px #00000080}.numberCard{justify-content:space-between;align-items:center;gap:18px;min-width:0;min-height:126px;padding:18px clamp(16px,1.4vw,24px);display:flex}.numberCard h2,.dashPanel h2{color:#eef4ff;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.25}.numberCard strong{color:#a9d3ff;letter-spacing:0;white-space:normal;margin-top:14px;font-size:clamp(26px,2vw,34px);display:block}.numberCard span{color:#a9d3ff;overflow-wrap:anywhere;margin-top:12px;font-size:15px;line-height:1.25;display:block}.grid{gap:clamp(16px,1.35vw,22px);margin-bottom:22px;display:grid}.grid.three{grid-template-columns:minmax(430px,1.22fr) minmax(340px,.95fr) minmax(360px,1fr)}.grid.two{grid-template-columns:repeat(2,minmax(430px,1fr));max-width:1280px;margin-left:auto;margin-right:auto}.grid.lower{grid-template-columns:minmax(330px,.8fr) minmax(380px,.95fr) minmax(620px,2fr);align-items:stretch}.grid.lower .span2{grid-area:1/3}.grid.local{grid-template-columns:minmax(380px,1.05fr) minmax(330px,.9fr) minmax(300px,.82fr);max-width:1120px;margin-left:auto;margin-right:auto}.dashPanel{flex-direction:column;min-width:0;min-height:310px;padding:16px clamp(14px,1.1vw,20px) 14px;display:flex;overflow:hidden}.dashPanel h2{place-items:center;min-height:40px;margin-bottom:6px;display:grid}.dashPanel>.recharts-responsive-container,.dashPanel>.mksBlock,.dashPanel>.donutStrip{flex:auto;min-height:0}.dashPanel.full,.dashPanel.centerWide{margin-bottom:22px}.dashPanel.centerWide{max-width:1040px;margin-left:auto;margin-right:auto}.dashPanel.span2{grid-column:span 2}.miniDonut{flex:none;width:86px;height:86px;position:relative}.dashPanel .miniDonut{width:170px;height:170px;margin:8px auto 0}.miniDonut span{color:#a9d3ff;place-items:center;font-size:18px;font-weight:800;display:grid;position:absolute;inset:0}.dashPanel .miniDonut span{font-size:28px}.darkTooltip{color:#eaf2ff;background:#0b1038;border:1px solid #6aa0ff;border-radius:8px;gap:5px;padding:9px 10px;font-size:12px;display:grid}.regionTabs{flex-wrap:wrap;justify-content:center;max-width:1440px;margin:0 auto 18px}.regionTabs button{white-space:normal;min-width:138px;max-width:172px;font-size:10px;line-height:1.2}.uploadPage{place-items:center;min-height:calc(100vh - 110px);display:grid}.uploadBox{text-align:center;width:min(620px,100vw - 48px);padding:34px}.uploadBox h1{text-transform:uppercase;margin:14px 0 10px}.uploadBox p{color:#b8c8ef;line-height:1.55}.uploadButton{justify-content:center;align-items:center;gap:8px;min-width:210px;margin-top:14px;display:inline-flex}.uploadButton input{display:none}.loadedFile{color:#a9d3ff;margin-top:16px;display:block}.mksBlock{grid-template-columns:minmax(0,1fr) minmax(126px,150px);align-items:center;gap:10px;width:100%;display:grid}.legend{color:#eef4ff;gap:9px;min-width:0;font-size:11px;font-weight:700;line-height:1.25;display:grid}.legend span{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;display:flex}.legend i{border:1px solid #8fb9ff;border-radius:50%;width:12px;height:12px}.donutStrip{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:14px;display:grid}.donutItem{text-align:center}.donutItem>span{color:#eef4ff;overflow-wrap:anywhere;min-height:42px;font-size:11px;font-weight:800;line-height:1.25;display:block}.donutItem .miniDonut{width:112px;height:112px;margin:0 auto}.donutItem .miniDonut span{font-size:18px}.dataPage{grid-template-columns:260px minmax(0,1fr);gap:18px;width:min(1600px,100vw - 44px);margin:0 auto;display:grid}.sheetRail{height:calc(100vh - 120px);padding:16px;overflow:auto}.sheetRail h2,.dataHeader h1{align-items:center;gap:8px;margin:0 0 12px;display:flex}.sheetRail button{text-align:left;width:100%;height:auto;margin-bottom:8px;padding:10px}.sheetRail button.active{background:linear-gradient(145deg,#9d4ce1,#5d29bc)}.sheetRail small{color:#b8c8ef;margin-top:4px;display:block}.dataPanel{min-width:0;padding:18px}.dataHeader{color:#b8c8ef;justify-content:space-between;align-items:center;gap:16px;display:flex}.dataHeader span{align-items:center;gap:8px;display:flex}.gridScroll{max-height:calc(100vh - 190px);overflow:auto}.excelGrid{border-collapse:collapse;width:100%;min-width:1200px}.excelGrid th,.excelGrid td{border:1px solid #33407e;padding:6px}.excelGrid th{color:#dbe7ff;background:#101747}.excelGrid input{color:#eef4ff;background:0 0;border:1px solid #0000;width:100%;min-width:108px;padding:5px}.excelGrid input:focus{background:#151d57;border-color:#13dbea;border-radius:4px;outline:none}.emptyState{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:min(620px,100vw - 48px);min-height:260px;margin:80px auto;display:flex}@media (width<=1320px){.grid.three,.grid.lower,.grid.local{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.lower .span2,.dashPanel.span2{grid-area:auto/1/auto/-1}.mksBlock{grid-template-columns:minmax(0,1fr)}.legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
