*{box-sizing:border-box}body{color:#122338;background:#f1f4f8;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit}button,input{font:inherit}button,a,input{outline-offset:4px}header{color:#fff;background:#10283e;border-bottom:4px solid #e4bd49;justify-content:space-between;align-items:center;padding:22px max(24px,50vw - 640px);display:flex}.brand{align-items:center;gap:10px;font-size:23px;font-weight:700;text-decoration:none;display:flex}.brand-icon{color:#10283e;background:#e4bd49;border-radius:5px;padding:8px;font-size:18px}.brand-year{color:#b5c6d6;font-weight:400}.header-note{color:#c4d2df;font-size:14px}main{max-width:1280px;margin:auto;padding:36px 24px}.heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:1.6px;color:#566b80;font-size:12px;font-weight:700}h1{letter-spacing:-1.5px;margin:12px 0;font-size:clamp(30px,3.2vw,44px);line-height:1.15}h1 span{font-weight:400}p{line-height:1.6}.heading p{color:#566b80;margin:12px 0;font-size:15px}.refresh-box{color:#566b80;flex-direction:column;align-items:flex-end;gap:9px;font-size:12px;display:flex}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}.refresh-box button{color:#17334a;background:#fff;border:1px solid #a9b9c7;border-radius:7px;padding:12px 18px;font-size:14px;font-weight:700}.notice{background:#e7edf3;border-left:3px solid #3b617f;gap:16px;margin:0 0 30px;padding:16px 20px;font-size:14px;line-height:1.5;display:flex}.notice strong{white-space:nowrap}.dashboard{grid-template-columns:1.1fr 1fr;align-items:start;gap:26px;display:grid}.panel{background:#fff;border:1px solid #d7e0e8;border-radius:12px;padding:24px;overflow:hidden}.president{border-top:4px solid #267e6b}.panel-top{justify-content:space-between;align-items:start;gap:12px;display:flex}h2{letter-spacing:-.6px;margin:7px 0 23px;font-size:26px}.badge{color:#536578;background:#edf1f5;border-radius:5px;padding:6px 8px;font-size:12px;line-height:1.4}.badge.ready{color:#196947;background:#e3f2eb}.badge.error{color:#8a5512;background:#fff2dd}.progress-head{justify-content:space-between;margin:0 0 9px;font-size:14px;display:flex}.progress-head strong{font-size:18px}.track{background:#e9eef3;border-radius:8px;height:8px;overflow:hidden}.track>div{background:#267e6b;height:100%;transition:width .5s}.metadata{color:#65788a;justify-content:space-between;gap:10px;margin:10px 0 22px;font-size:12px;line-height:1.5;display:flex}.empty{text-align:center;color:#52697e;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:28px 10px;display:flex}.empty-icon{color:#92a5b5;margin-bottom:18px;font-size:36px}.empty strong{color:#213d54;font-size:17px}.empty p{max-width:350px;margin-bottom:0;font-size:14px}.stats{border-top:1px solid #e0e7ed;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:20px;display:grid}.stats div{flex-direction:column;gap:8px;display:flex}.stats span{color:#63768a;font-size:14px}.stats strong{font-size:19px}.panel-foot{color:#5f7182;border-top:1px solid #e0e7ed;justify-content:space-between;gap:12px;margin-top:20px;padding-top:14px;font-size:12px;line-height:1.6;display:flex}.state-heading{align-items:center;gap:13px;margin-bottom:18px;display:flex}.state-heading h2{margin:5px 0;font-size:25px}.state-mark{color:#e4bd49;background:#10283e;border-radius:10px;place-items:center;width:49px;height:49px;font-size:19px;font-weight:700;display:grid}nav{background:#e4eaf0;border-radius:9px;flex-wrap:wrap;gap:4px;margin-bottom:14px;padding:5px;display:flex}nav button{color:#455d73;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:1;padding:10px 12px;font-size:14px}nav button.active{color:#10283e;background:#fff;font-weight:700;box-shadow:0 1px 3px #b4c1ce}.candidate-list{max-height:560px;overflow:auto}.candidate{border-bottom:1px solid #edf1f5;gap:13px;padding:18px 0;display:flex}.rank{color:#6f8394;padding-top:3px;font-size:13px}.candidate-main{flex:1;min-width:0}.candidate-line{justify-content:space-between;gap:10px;font-size:16px;display:flex}.candidate-line strong{overflow-wrap:anywhere}.candidate-line b{white-space:nowrap}.small{color:#65788a;margin-top:7px;font-size:13px}.vote-track{background:#edf1f5;height:4px;margin:11px 0 6px}.vote-track>div{background:#267e6b;height:100%}.candidate-status{color:#536f61;font-size:12px}input{border:1px solid #cbd7e1;border-radius:6px;width:100%;margin-bottom:8px;padding:12px;font-size:14px}footer{color:#536a80;border-top:1px solid #d3dce5;flex-wrap:wrap;gap:22px;margin-top:35px;padding:22px 0;font-size:12px;display:flex}footer span{margin-right:auto}@media (width<=850px){.dashboard{grid-template-columns:1fr}.heading{align-items:flex-start}.refresh-box{max-width:220px}.notice{flex-direction:column;gap:5px}}@media (width<=550px){header{padding:17px 18px}.brand{font-size:20px}.header-note{font-size:12px}main{padding:26px 16px}.heading{flex-direction:column;gap:10px}h1{font-size:33px}.refresh-box{align-items:flex-start;max-width:none}.notice{margin-top:20px}.panel{padding:18px}.panel-top{flex-wrap:wrap}.badge{margin-bottom:14px}.metadata{flex-direction:column;gap:3px}nav button{padding:10px 6px;font-size:13px}.candidate-line{font-size:14px}.small{font-size:12px}.panel-foot{flex-direction:column}footer{gap:14px}}header{z-index:50;color:#10283e;background:#fdfefe;border-bottom:3px solid #e4bd49;grid-template-columns:1fr auto 1fr;gap:20px;min-height:65px;padding:10px max(24px,50vw - 640px);display:grid;position:sticky;top:0;box-shadow:0 2px 10px #10283e0d}.brand{justify-self:start;gap:8px;font-size:21px}.brand-year{color:#566b80}.header-note{color:#455d73;justify-self:end}.header-logos{justify-content:center;align-items:center;gap:24px;height:42px;display:flex}.header-logos img{object-fit:contain;max-width:160px;height:40px;display:block}.header-logos .logo-vrclic{max-width:125px}.logo-divider{background:#dbe3ea;width:1px;height:26px}@media (width<=850px){header{gap:12px}.header-logos{gap:15px}.header-logos img{max-width:135px}.header-logos .logo-vrclic{max-width:100px}}@media (width<=620px){header{grid-template-columns:1fr auto;gap:8px;min-height:61px;padding:9px 12px}.brand{gap:5px;font-size:16px}.header-note{display:none}.header-logos{gap:10px;height:37px}.header-logos img{max-width:110px;height:34px}.header-logos .logo-vrclic{max-width:80px}.logo-divider{height:22px}}@media (width<=360px){.brand{font-size:14px}.header-logos{gap:7px}.header-logos img{max-width:95px}.header-logos .logo-vrclic{max-width:65px}}
