@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-VariableFont_wght.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}:root{--brand-navy-900: #022c43;--brand-navy-700: #053f5e;--brand-navy-500: #115173;--brand-gold: #ffd700;--brand-cyan: #03c2ed;--brand-cyan-muted: #0a7e96;--page-bg: #f2f6f9;--surface: #ffffff;--ink-primary: #0b1f2e;--ink-secondary: #4a5f70;--ink-muted: #5c6e7c;--border: rgba(2, 44, 67, .12);--good: #0ca30c;--good-ink: #0a7a0a;--warning: #fab219;--critical: #d03b3b;--primary: var(--brand-navy-500);--primary-ink: #ffffff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 44px;--font-display: "Playfair Display", Georgia, serif}*{box-sizing:border-box}html{overflow-x:clip}:root{--hero-image: url(/images/kl-skyline-800.webp);--hero-overlay: linear-gradient(180deg, rgba(2, 44, 67, .28), rgba(2, 44, 67, .48));--hero-scrim: linear-gradient( to top, rgba(2, 44, 67, .9) 0, rgba(2, 44, 67, .9) calc(100% - 56px) , rgba(2, 44, 67, 0) 100% )}@media(min-width:768px){:root{--hero-image: url(/images/kl-skyline-1400.webp)}}#root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}body{margin:0;overflow-x:clip;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--text-base);line-height:1.5;background:var(--page-bg);color:var(--ink-primary)}h1,h2,h3{font-family:var(--font-display);font-weight:600}h1{font-size:var(--text-2xl);margin:0 0 var(--space-5)}h2{font-size:var(--text-xl);margin:0 0 var(--space-3)}h3{font-size:var(--text-lg);margin:0 0 var(--space-2)}.page>h1:after{content:"";display:block;width:3rem;height:3px;margin-top:var(--space-2);border-radius:2px;background:linear-gradient(90deg,var(--brand-gold),var(--brand-cyan))}.page{width:min(100%,1400px);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7)}.page:has(>form.card){width:min(100%,34rem)}.page:has(.candidate-grid){width:min(100%,70rem)}#root>.page-transition:has(.page--photo){flex:1;display:flex;background:linear-gradient(160deg,#022c43e6,#022c43bf),var(--hero-image) center / cover no-repeat}.page--photo{margin:auto}.page--photo h1{color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:var(--space-4);margin-bottom:var(--space-4);transition:transform .15s ease,border-color .15s ease}.card.hoverable:hover{transform:translateY(-2px);border-color:var(--brand-navy-500)}.menu-item,.candidate-card,.card.hoverable{position:relative;overflow:hidden}.menu-item:after,.candidate-card:after,.card.hoverable:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--brand-gold),var(--brand-cyan));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.menu-item:hover:after,.candidate-card:hover:not(.disabled):after,.card.hoverable:hover:after{transform:scaleX(1)}.muted{color:var(--ink-muted);font-size:var(--text-sm)}.field{margin-bottom:var(--space-4)}.field-row{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.checkbox-field{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.checkbox-field input{width:24px;height:24px;flex-shrink:0}label{display:block;font-size:var(--text-sm);color:var(--ink-secondary);margin-bottom:var(--space-1)}fieldset{border:1px solid var(--border);border-radius:10px;padding:var(--space-4)}legend{font-weight:600;padding:0 var(--space-2)}.candidate-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;min-height:44px}.step-indicator{color:var(--ink-muted);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-2)}.candidate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin-top:var(--space-3)}@media(min-width:768px){.candidate-grid{grid-template-columns:repeat(auto-fit,minmax(220px,280px));justify-content:center;gap:var(--space-4)}}.candidate-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:2px solid var(--border);border-radius:10px;text-align:center;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.candidate-card__body{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-2)}.candidate-card input[type=checkbox]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.candidate-card:has(input:focus-visible){outline:2px solid var(--brand-navy-500);outline-offset:2px}.candidate-card.selected{border-color:var(--primary);background:#1151730f;transform:translateY(-2px)}.candidate-card.disabled{opacity:.5;cursor:not-allowed}.ballot-remaining{margin:var(--space-2) 0 0;text-align:center;color:var(--ink-muted);font-size:var(--text-sm)}.candidate-card__mark{position:absolute;top:var(--space-2);right:var(--space-2);z-index:1;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:2px solid #ffffff;border-radius:50%;background:#022c4359;color:#fff;box-shadow:0 1px 4px #022c4373}.candidate-card.selected .candidate-card__mark{border-color:var(--primary);background:var(--primary)}.candidate-card__name{font-weight:600}.candidate-card__state{font-size:var(--text-sm);color:var(--ink-muted)}.candidate-card.selected .candidate-card__state{color:var(--primary);font-weight:600}input[type=text],input[type=password],input[type=number],input[type=tel],input[type=file],select{display:block;width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink-primary);font-size:var(--text-base);transition:border-color .15s ease,box-shadow .15s ease}input[readonly]{background:var(--page-bg);color:var(--ink-secondary);cursor:default}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,select:focus{border-color:var(--brand-navy-500);box-shadow:0 0 0 3px #11517326}select{appearance:none;padding-right:var(--space-7);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5f70' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;cursor:pointer}.password-field{position:relative}.password-field input{padding-right:56px}.password-toggle{position:absolute;top:0;right:0;bottom:0;width:56px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);background:none;border:none;cursor:pointer;color:var(--ink-secondary);font-size:var(--text-sm);font-weight:600}.toggle{display:inline-flex;align-items:center;gap:var(--space-2)}.toggle__track{position:relative;width:44px;height:24px;padding:0;border:none;border-radius:999px;background:var(--border);cursor:pointer;transition:background .15s ease;flex-shrink:0}.toggle__track:before{content:"";position:absolute;inset:-10px 0}.toggle__track[data-on]{background:var(--good-ink)}.toggle__track:disabled{opacity:.5;cursor:not-allowed}.toggle__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s ease}.toggle__track[data-on] .toggle__thumb{transform:translate(20px)}.toggle__track:focus-visible{outline:2px solid var(--brand-navy-500);outline-offset:2px}.toggle__label{font-size:var(--text-sm);color:var(--ink-secondary)}.dropzone{position:relative;display:flex;align-items:center;justify-content:center;min-height:160px;padding:var(--space-4);border:2px dashed var(--border);border-radius:10px;cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease}.dropzone.dragging{border-color:var(--primary);background:#1151730f}.dropzone.error{border-color:var(--critical)}.dropzone-editor{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-4)}.dropzone-editor__side{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);flex:1;min-width:200px}.dropzone__caption{margin:0;font-size:var(--text-sm);color:var(--ink-secondary);max-width:40ch}.dropzone__frame{position:relative;width:160px;aspect-ratio:4 / 5;flex-shrink:0;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:none;cursor:default}.dropzone__frame.adjustable{cursor:crosshair;touch-action:none}.dropzone__frame.error{border-color:var(--critical)}.dropzone__preview{display:block;width:100%;height:100%;object-fit:cover}.dropzone__crosshair{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;pointer-events:none;background:var(--brand-navy-900);box-shadow:0 0 0 2px #fff,0 0 0 3px #022c4366}.dropzone__progress{position:absolute;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);height:8px;border-radius:999px;background:var(--border);overflow:hidden}.dropzone__progress-bar{height:100%;background:var(--primary);transition:width .15s ease}.dropzone__error{display:flex;align-items:center;gap:var(--space-1);color:var(--critical);font-weight:600;font-size:var(--text-sm);margin-top:var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:44px;padding:var(--space-2) var(--space-4);border-radius:8px;border:none;cursor:pointer;font-size:var(--text-base);font-weight:600;letter-spacing:.02em;text-align:center;transition:transform .1s ease,background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-block{width:100%}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-primary:hover:not(:disabled){background:var(--brand-navy-700)}.btn-secondary{background:var(--surface);color:var(--ink-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--brand-navy-500)}.btn-danger{background:var(--surface);color:var(--critical);border:1px solid var(--critical)}.btn-danger:hover:not(:disabled){background:var(--critical);color:#fff}.btn:disabled{opacity:.65;cursor:not-allowed}.btn[aria-busy=true]:before{content:"";width:1em;height:1em;margin-right:var(--space-2);flex-shrink:0;border-radius:50%;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.btn[aria-busy=true]:before{animation:none}}.btn:active:not(:disabled){transform:scale(.97)}.icon-btn{width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}@media(min-width:768px){.btn{min-height:36px;padding:var(--space-1) var(--space-3)}.icon-btn{width:36px}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[role=tab]:focus-visible{outline:2px solid var(--brand-navy-500);outline-offset:2px}.app-header a:focus-visible{outline-color:var(--brand-cyan)}.menu-item:hover{border-color:var(--brand-navy-500)}.tab:hover:not(.active){border-color:var(--brand-navy-500);color:var(--ink-primary)}.row-actions{display:flex;gap:var(--space-2)}.row-actions .btn:not(.icon-btn){width:auto}.error,.success{animation:fade-slide-in .2s ease}.error{color:var(--critical);font-weight:600}.error__id{font-weight:400;color:var(--ink-muted);font-size:var(--text-sm)}.success{color:var(--good);font-weight:600}.spin{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.badge{display:inline-block;min-width:88px;padding:var(--space-1) var(--space-3);border-radius:999px;font-size:var(--text-sm);font-weight:600;text-align:center;color:#fff}.badge-good{background:var(--good-ink)}.badge-warning{background:var(--warning);color:var(--ink-primary)}.badge-critical{background:var(--critical)}.badge-primary{background:var(--primary)}.badge-neutral{background:transparent;color:var(--ink-secondary);border:1px solid var(--border)}.status-plain{color:var(--ink-secondary);font-size:var(--text-sm)}.stat-tile{display:flex;flex-direction:column;gap:var(--space-1)}.stat-tile__label{font-size:var(--text-sm);color:var(--ink-secondary)}.stat-tile__value{font-size:var(--text-2xl);font-weight:600;font-variant-numeric:proportional-nums}.turnout-bar{display:flex;flex-direction:column;gap:var(--space-1);min-width:130px}.turnout-bar__figures{font-weight:600;font-variant-numeric:tabular-nums}.turnout-bar--lg{min-width:260px}.turnout-bar--lg .turnout-bar__figures{font-size:var(--text-2xl)}.turnout-bar__pct{color:var(--ink-secondary);font-weight:400}.turnout-bar__track{display:block;height:6px;border-radius:999px;background:var(--border);overflow:hidden}.turnout-bar__fill{display:block;height:100%;border-radius:inherit;background:var(--primary);transform:scaleX(var(--share, 0));transform-origin:left;transition:transform .4s ease}.session-status{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.admin-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}.admin-actions .field{width:100%}@media(min-width:640px){.admin-actions{align-items:flex-end}}.admin-toggles{display:flex;flex-direction:column;gap:var(--space-4)}.admin-toggle{display:flex;flex-direction:column;gap:var(--space-1)}.admin-toggle__caption{font-size:var(--text-sm);font-weight:600;color:var(--ink-primary)}@media(min-width:640px){.admin-toggles{flex-direction:row;gap:var(--space-6)}}.admin-actions__danger{flex:0 0 100%;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.admin-actions__danger .btn{gap:var(--space-1)}.tabs{display:flex;gap:var(--space-2);overflow-x:auto;margin-bottom:var(--space-4)}.tab{min-height:44px;padding:var(--space-2) var(--space-4);border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink-secondary);cursor:pointer;font-size:var(--text-sm);white-space:nowrap}.tab.active{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.tabs--sub{margin-bottom:var(--space-4);border-bottom:1px solid var(--border);gap:var(--space-4)}.tab--sub{min-height:36px;padding:var(--space-1) 0 var(--space-2);border:none;border-bottom:2px solid transparent;border-radius:0;background:none}.tab--sub.active{background:none;color:var(--primary);border-bottom-color:var(--primary)}.workspace-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.workspace-header__title{margin:0;font-size:var(--text-xl)}.workspace-header__badges{display:flex;gap:var(--space-2);margin-left:auto}.link-button{background:none;border:none;padding:0;font:inherit;font-weight:600;color:var(--ink-primary);cursor:pointer;text-align:left}.link-button:hover{text-decoration:underline;color:var(--primary)}.admin-actions__gate{flex:0 0 100%;margin:0;text-align:left;color:var(--ink-muted);font-size:var(--text-sm)}.admin-actions__buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.admin-actions__buttons .btn{gap:var(--space-1);min-width:150px}:root{--app-header-h: 58px;--admin-sidebar-w: 248px}.admin-shell{min-height:calc(100vh - var(--app-header-h))}.admin-sidebar-backdrop{position:fixed;top:var(--app-header-h);right:0;bottom:0;left:0;background:#022c4380;z-index:49}.admin-sidebar{position:fixed;top:var(--app-header-h);bottom:0;left:0;z-index:50;width:var(--admin-sidebar-w);max-width:82vw;background:var(--brand-navy-900);transform:translate(-100%);transition:transform .25s ease}.admin-sidebar__inner{display:flex;flex-direction:column;gap:var(--space-1);height:100%;padding:var(--space-4);overflow-y:auto}.admin-sidebar.is-open{transform:translate(0)}.admin-sidebar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.admin-sidebar__title{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:#fff}.admin-sidebar__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;background:#ffffff14;color:#fff;cursor:pointer}.admin-sidebar__link{display:flex;align-items:center;min-height:40px;padding:var(--space-2) var(--space-3);border-radius:8px;font-size:var(--text-sm);font-weight:600;color:#ffffffa6;text-decoration:none}.admin-sidebar__link:hover{background:#ffffff14;color:#fff}.admin-sidebar__link.active{background:#ffd70024;color:var(--brand-gold)}.admin-sidebar__link--child{margin-left:var(--space-4);font-weight:500}.admin-sidebar__logout{display:flex;align-items:center;gap:var(--space-2);min-height:40px;margin-top:auto;padding:var(--space-2) var(--space-3);border:none;border-radius:8px;background:transparent;color:#ffffffa6;font-size:var(--text-sm);font-weight:600;font-family:inherit;cursor:pointer}.admin-sidebar__logout:hover,.admin-sidebar__logout:focus-visible{background:#ffffff14;color:#fff}.admin-content{padding:var(--space-4)}@media(min-width:768px){.admin-sidebar-backdrop,.admin-sidebar__header{display:none}.admin-shell{display:flex;align-items:stretch}.admin-sidebar{position:static;flex-shrink:0;transform:none;margin-left:0;transition:margin-left .25s ease}.admin-sidebar__inner{position:sticky;top:var(--app-header-h);height:auto;max-height:calc(100vh - var(--app-header-h));max-height:calc(100dvh - var(--app-header-h))}.admin-sidebar__logout{margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.12)}.admin-sidebar:not(.is-open){margin-left:calc(-1 * var(--admin-sidebar-w))}.admin-content{flex:1;min-width:0;padding:var(--space-6) var(--space-5);max-width:min(100%,1600px)}}.page.menu-page{--measure: 1000px;width:100%;max-width:none;padding:0}.menu-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;margin-top:calc(-1 * var(--app-header-h));min-height:calc(clamp(300px,48vh,480px) + var(--app-header-h));background:var(--hero-overlay),var(--hero-image) center / cover no-repeat;animation:fade-slide-in .4s ease backwards}.menu-hero:after{content:"";position:absolute;top:0;right:0;width:clamp(160px,24vw,300px);height:clamp(160px,24vw,300px);pointer-events:none;opacity:.4;transform:scaleY(-1);background:url(/patterns/batik-corner.svg) no-repeat bottom right / contain}.menu-hero__body{position:relative;z-index:1;width:100%;background:var(--hero-scrim);padding-block:72px calc(var(--space-5) + 28px);padding-inline:max(var(--space-4),calc((100% - var(--measure)) / 2))}.menu-hero__eyebrow{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-gold)}@media(min-width:640px){.menu-hero__eyebrow{display:none}}.menu-hero__title{margin:0 0 var(--space-4);font-size:var(--text-2xl);line-height:1.15;background:linear-gradient(90deg,#fff 30%,var(--brand-gold) 50%,#fff 70%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:menu-hero-shimmer 4s linear infinite}@keyframes menu-hero-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@media(min-width:1024px){.menu-hero__title{font-size:var(--text-3xl)}}.status-strip{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.16)}.status-strip__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;align-self:center}.status-strip__dot--open{background:var(--good);box-shadow:0 0 0 4px #0ca30c40}.status-strip__dot--revealed{background:var(--brand-cyan)}.status-strip__dot--closed,.status-strip__dot--pending{background:var(--warning)}.status-strip__headline{font-weight:700;color:#fff}.status-strip__detail{font-size:var(--text-sm);color:#ffffffd1}.status-strip__skeleton{display:block;width:min(62vw,260px);height:1.1em;border-radius:999px}.menu-sheet{position:relative;z-index:1;margin-top:-28px;border-radius:28px 28px 0 0;background:linear-gradient(90deg,var(--brand-gold),var(--brand-cyan));padding-top:2px}.menu-sheet__inner{border-radius:26px 26px 0 0;background:var(--page-bg);padding-block:var(--space-6) var(--space-7);padding-inline:max(var(--space-4),calc((100% - var(--measure)) / 2))}.menu-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);min-height:88px;padding:var(--space-5);margin-bottom:var(--space-4);border-radius:16px;background:var(--brand-navy-900);color:#fff;text-decoration:none;transition:transform .15s ease}.menu-cta:hover{transform:translateY(-2px)}.menu-cta__label{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.menu-cta__action{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:999px;background:var(--brand-gold);color:var(--brand-navy-900);font-weight:700;letter-spacing:.02em;white-space:nowrap}.menu-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.menu-list li{animation:fade-slide-in .3s ease backwards}.menu-list li:nth-child(2){animation-delay:.05s}.menu-list li:nth-child(3){animation-delay:.1s}.menu-list li:nth-child(n+4){animation-delay:.15s}.menu-item{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:var(--space-4);text-decoration:none;color:var(--ink-primary);transition:transform .15s ease,border-color .15s ease}.menu-item:hover{transform:translateY(-2px)}button.menu-item{width:100%;text-align:left;cursor:pointer;font:inherit}.menu-item__icon{flex-shrink:0;color:var(--brand-cyan-muted)}.menu-item--nav{align-items:center}.menu-item--nav .menu-item__label{margin-right:auto}.menu-item__chevron{flex-shrink:0;color:var(--ink-muted);transition:transform .15s ease}.menu-item--nav:hover .menu-item__chevron{transform:translate(3px)}.menu-item__label{font-size:var(--text-lg);font-weight:600}.position-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.candidate-list{list-style:none;padding:0;margin:var(--space-3) 0}.candidate-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;flex-wrap:wrap}.candidate-row__name{flex:1;min-width:120px}.avatar{object-fit:cover;flex-shrink:0}.avatar--sm{width:40px;height:40px;border-radius:50%}.avatar--lg{width:100%;aspect-ratio:4 / 5;border-radius:8px 8px 0 0}.avatar-initials{display:flex;align-items:center;justify-content:center;background:var(--primary);color:var(--primary-ink);font-size:var(--text-sm);font-weight:600}.avatar--lg.avatar-initials{font-size:clamp(2rem,6vw,3.5rem);border-radius:8px 8px 0 0}.result-position{margin-bottom:var(--space-4)}.result-session{margin-bottom:var(--space-6)}.result-session+.result-session{position:relative;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.result-session+.result-session:before{content:"";position:absolute;top:-6px;left:50%;width:10px;height:10px;background:var(--brand-gold);transform:translate(-50%) rotate(45deg)}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.result-list{list-style:none;padding:0;margin:0}.result-list li,.candidate-list li{animation:fade-slide-in .3s ease backwards}.result-list li:nth-child(2),.candidate-list li:nth-child(2){animation-delay:.05s}.result-list li:nth-child(3),.candidate-list li:nth-child(3){animation-delay:.1s}.result-list li:nth-child(n+4),.candidate-list li:nth-child(n+4){animation-delay:.15s}.result-list li{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.result-list li.winner{color:var(--good);font-weight:700;animation:winner-pop .5s ease backwards}.result-list__name{display:flex;align-items:center;gap:var(--space-2);min-width:0}@keyframes winner-pop{0%{transform:scale(.92);opacity:.4}to{transform:scale(1);opacity:1}}.result-list__votes{font-variant-numeric:tabular-nums}.attendance-checklist{list-style:none;padding:0;margin:0}.attendance-checklist__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.attendance-checklist__item:last-child{border-bottom:none}.attendance-checklist .badge{display:inline-flex;align-items:center;gap:var(--space-1)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-6) var(--space-4)}.empty-state__illustration{margin-bottom:var(--space-2)}.empty-state p{color:var(--ink-secondary);max-width:42ch}.faq-item{animation:fade-slide-in .3s ease backwards}.faq-item summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";flex-shrink:0;width:9px;height:9px;margin-right:4px;border-right:2px solid var(--ink-muted);border-bottom:2px solid var(--ink-muted);transform:rotate(45deg);transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(-135deg)}.faq-item p{color:var(--ink-secondary);margin:var(--space-2) 0 0}.display{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-4);padding-inline:var(--space-4);overflow:hidden;background:var(--brand-navy-900);color:#fff}.display.revealed{justify-content:flex-start;padding:var(--space-7) var(--space-5);gap:var(--space-6)}.display.batik-corner:after{width:420px;height:420px}.display h1{animation:fade-slide-in .5s ease backwards}.display .hint{color:#ffffffc7}.display section h2{font-size:2rem;margin-bottom:var(--space-3)}.display section ul{list-style:none;padding:0;font-size:1.5rem}.display section li{padding:var(--space-2) 0}.display section li.winner{color:var(--good);font-weight:700;animation:winner-pop .5s ease backwards}.display__session{width:min(100%,1600px)}.display.revealed.batik-corner:after{display:none}.display.revealed h1{font-size:clamp(2rem,4vw,4.5rem)}.display.revealed section h2{font-size:clamp(1.5rem,2.8vw,3.25rem)}.display.revealed section ul{font-size:clamp(1.25rem,2vw,2.5rem)}.display.revealed section li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-3);padding:var(--space-3) 0 var(--space-4);text-align:left;border-bottom:1px solid rgba(255,255,255,.12)}.display__name{min-width:0}.display__winner{padding:.15em .7em;border-radius:999px;background:var(--good);color:#fff;font-size:.5em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.display__votes{font-variant-numeric:tabular-nums;white-space:nowrap}.display__share{opacity:.7}.display__bar{grid-column:1 / -1;height:6px;border-radius:999px;background:#ffffff24}.display__bar:after{content:"";display:block;height:100%;border-radius:inherit;background:var(--brand-cyan);transform:scaleX(var(--share, 0));transform-origin:left;transition:transform .6s ease}.display.revealed li.winner .display__bar:after{background:var(--good)}.display__position{margin-bottom:var(--space-7)}.display__cast{margin:var(--space-3) 0 0;font-size:clamp(.9rem,1.1vw,1.4rem);color:#ffffffc7}.display canvas{width:min(58vh,78vw);max-width:100%;height:auto;border-radius:10px;background:#fff;padding:var(--space-3)}.display h1{font-size:clamp(2rem,3.5vw,4rem)}.display .hint{font-size:clamp(1rem,1.6vw,2rem)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:var(--space-3);z-index:100;background:var(--primary);color:var(--primary-ink);padding:var(--space-2) var(--space-4);border-radius:6px;font-weight:600}.skip-link:focus{top:var(--space-3)}.app-header{position:sticky;top:0;display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:0 var(--space-4);background:radial-gradient(120px 56px at 40px 0,rgba(3,194,237,.25),transparent 70%),var(--brand-navy-900);color:#fff;box-shadow:0 2px 12px #022c4340;z-index:5}body:has(.menu-page) .app-header{background:radial-gradient(120px 56px at 40px 0,rgba(3,194,237,.25),transparent 70%),#022c43d1;box-shadow:none}.app-header:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url(/patterns/batik-corner.svg);background-repeat:no-repeat;background-position:right -40px top -60px;background-size:180px;opacity:.12}.app-header__back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:calc(var(--space-4) * -1);color:#fff;text-decoration:none;flex-shrink:0;border-radius:50%;transition:background .15s ease;background:transparent;border:none;padding:0;cursor:pointer;font:inherit}.app-header__back:hover,.app-header__back:focus-visible{background:#ffffff24}.app-header__brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:#fff;position:relative;z-index:1}.app-header__logo{display:block;height:26px;width:auto}.app-header__org{display:none}@media(min-width:640px){.app-header__logo{height:30px}.app-header__org{display:block;padding-left:var(--space-3);border-left:1px solid rgba(255,255,255,.22);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9;white-space:nowrap}}.batik-corner{position:relative}.batik-corner:after{content:"";position:absolute;right:0;bottom:0;width:220px;height:220px;pointer-events:none;background-image:url(/patterns/batik-corner.svg);background-repeat:no-repeat;background-position:bottom right;background-size:contain;z-index:0}.batik-corner>*{position:relative;z-index:1}.thankyou-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);margin-bottom:var(--space-4);animation:winner-pop .5s ease backwards}.confetti{position:relative;height:0;pointer-events:none}.confetti__piece{position:absolute;top:0;width:8px;height:14px;border-radius:2px;animation:confetti-fall var(--confetti-duration, 1s) ease-in var(--confetti-delay, 0s) both}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(220px) rotate(var(--confetti-spin, 180deg));opacity:0}}.page-transition{animation:page-enter .28s ease both}.page-transition--fade{animation:fade-in .22s ease both}@keyframes page-enter{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.reveal-block{animation:reveal-rise .6s ease var(--reveal-delay, 0s) both}.reveal-item{animation:reveal-pop .4s ease var(--reveal-delay, 0s) both}@keyframes reveal-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes reveal-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.table-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-3)}.table-toolbar__filter{flex:1 1 220px;min-width:180px}.table-toolbar__filter input{margin:0}.table-toolbar__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.table-toolbar__actions .btn{flex:1 1 auto}@media(min-width:480px){.table-toolbar__actions .btn{flex:0 1 auto;min-width:150px}}.export-menu{position:relative}.export-menu__list{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #022c432e;overflow:hidden;z-index:20}.export-menu__list button{display:block;width:100%;min-height:44px;padding:var(--space-2) var(--space-3);background:none;border:none;text-align:left;cursor:pointer;font-size:var(--text-sm);color:var(--ink-primary)}.export-menu__list button:hover{background:var(--page-bg)}.data-table-card{position:relative;padding:0;overflow:hidden}.refresh-bar{position:absolute;top:0;left:0;right:0;height:2px;z-index:1;background:linear-gradient(90deg,var(--border) 25%,var(--primary) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}.data-table-scroll{overflow-x:auto}.data-table__scroll-hint{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--ink-secondary)}@media(min-width:768px){.data-table__scroll-hint{display:none}}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);white-space:nowrap}.data-table th,.data-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--border)}.data-table th{color:var(--ink-secondary);font-weight:600;background:var(--page-bg);position:sticky;top:0;z-index:2}.data-table td.tabular{font-variant-numeric:tabular-nums}.data-table th.select-cell,.data-table td.select-cell{width:48px;text-align:center}.data-table .select-cell input[type=checkbox]{width:24px;height:24px}.data-table th.actions-col,.data-table td.row-actions{width:1%}.data-table tbody tr:hover{background:var(--page-bg)}.data-table__empty{text-align:center;color:var(--ink-muted);padding:var(--space-5)}.data-table-pager{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3);border-top:1px solid var(--border)}.data-table-pager .btn{width:auto}.toast-region{position:fixed;top:var(--space-4);right:var(--space-4);left:var(--space-4);z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);pointer-events:none}.toast{position:relative;pointer-events:auto;display:flex;align-items:flex-start;gap:var(--space-2);max-width:min(360px,100%);background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:10px;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);box-shadow:0 8px 24px #022c432e;animation:fade-slide-in .2s ease}.toast-success{border-left-color:var(--good)}.toast-error{border-left-color:var(--critical)}.toast__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:13px;font-weight:700;color:#fff;background:var(--primary)}.toast-success .toast__icon{background:var(--good)}.toast-error .toast__icon{background:var(--critical)}.toast__progress{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.toast__progress rect{fill:none;stroke:var(--primary);stroke-width:2;stroke-dasharray:100;stroke-dashoffset:0;animation-name:toast-countdown;animation-timing-function:linear;animation-fill-mode:forwards}.toast-success .toast__progress rect{stroke:var(--good)}.toast-error .toast__progress rect{stroke:var(--critical)}.toast:hover .toast__progress rect{animation-play-state:paused}@keyframes toast-countdown{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}.toast__message{flex:1;font-size:var(--text-sm);font-weight:600}.toast__close{background:none;border:none;cursor:pointer;color:var(--ink-muted);font-size:var(--text-lg);line-height:1;padding:var(--space-1);min-height:auto;width:auto}.confirm-dialog__actions{justify-content:flex-end;margin-top:var(--space-4)}.modal-overlay{position:fixed;inset:0;background:#022c4399;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:60}.modal{width:100%;max-width:420px}.window-detail-modal{max-width:640px}.qr-video{width:100%;border-radius:10px;background:#000}.skeleton{background:linear-gradient(90deg,var(--border) 25%,rgba(2,44,67,.05) 50%,var(--border) 75%);background-size:200% 100%;border-radius:8px;animation:skeleton-shimmer 1.6s ease-in-out infinite}.display .skeleton,.menu-hero .skeleton{background:linear-gradient(90deg,#ffffff1f 25%,#ffffff3d,#ffffff1f 75%);background-size:200% 100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.app-footer{margin-top:auto;padding:var(--space-6) var(--space-4) var(--space-5);color:var(--ink-secondary);border-top:1px solid var(--border)}.app-footer__inner{width:min(100%,1400px);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.app-footer__brand{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:.04em;color:var(--brand-navy-900)}.app-footer__org{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--ink-muted)}.app-footer__help{margin:0;font-size:var(--text-sm);max-width:52ch;color:var(--ink-secondary)}.app-footer__legal{width:min(100%,1400px);margin:var(--space-5) auto 0;padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--ink-muted)}@media(min-width:720px){.app-footer__inner{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:var(--space-6)}}.display__session{width:min(100%,1200px)}.display section li{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.1)}.display__votes{font-variant-numeric:tabular-nums;white-space:nowrap;color:#ffffffd1}.display section li.winner .display__votes{color:inherit}.display .turnout{display:flex;flex-direction:column;gap:var(--space-1);margin:0}.turnout__label{font-size:var(--text-lg);font-weight:400;color:#ffffffc7}.turnout__value{font-size:2.5rem;font-weight:700;font-variant-numeric:proportional-nums}@media(prefers-reduced-motion:reduce){.menu-hero__title,.skeleton{animation:none}.menu-hero__title{background:none;-webkit-text-fill-color:currentColor;color:#fff}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(min-width:640px){.field-row{flex-direction:row;align-items:flex-end}.field-row>input{width:auto;flex:1}.admin-actions{flex-direction:row;flex-wrap:wrap}}@media(min-width:1024px){.page{padding-top:var(--space-6)}}