:root{--navy:#073b8c;--brand:#0a5bc4;--brand-600:#084ea9;--cyan:#18b4d8;--aqua:#2fe0e0;--brand-50:#eaf4ff;--grad:linear-gradient(135deg, #0a4fb0 0%, #138fd0 55%, #2fd8de 100%);--grad-soft:linear-gradient(135deg, #0a4fb01f, #2fd8de24);--ink:#0b1b33;--muted:#5b6b82;--line:#0f32641a;--bg:#eef5fb;--ok:#0f9d6b;--ok-50:#10b9811f;--warn:#c27805;--warn-50:#f59e0b24;--bad:#d92d4a;--bad-50:#ef44441f;--glass:#ffffff9e;--glass-strong:#ffffffc7;--glass-border:#ffffffbf;--glass-blur:blur(22px) saturate(180%);--shadow:0 1px 1px #0a285a0a, 0 10px 30px #0a3c8c1a;--shadow-lg:0 20px 60px #08327838;--highlight:inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #ffffff40;--radius:22px;--radius-sm:14px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{background-color:#0000;background-image:radial-gradient(900px 600px at 8% -10%,#2fd8de59,#0000 60%),radial-gradient(800px 600px at 100% 0,#0a5bc438,#0000 60%),radial-gradient(700px 700px at 60% 110%,#18b4d838,#0000 60%),linear-gradient(#f3f9ff 0%,#e8f2fb 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;margin:0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.15}p{margin:0}::selection{background:#18b4d84d}.container{max-width:1160px;margin:0 auto;padding:0 22px}.row{align-items:center;gap:12px;display:flex}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.stack{flex-direction:column;gap:12px;display:flex}.grid{gap:18px;display:grid}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:12.5px}.right{text-align:right}.spacer{flex:1}.nowrap,td.nowrap{white-space:nowrap}.card,.glass{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow), var(--highlight)}.card-pad{padding:22px}.card-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 22px;display:flex}.card-head h2{font-size:16px;font-weight:650}.btn{font:inherit;cursor:pointer;white-space:nowrap;color:#fff;background:linear-gradient(180deg, #ffffff47, #fff0 52%), var(--grad);border:1px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .12s,box-shadow .2s,filter .2s;display:inline-flex;position:relative;box-shadow:0 6px 18px #0a5bc44d,inset 0 1px #ffffff80}.btn:hover{filter:brightness(1.06);text-decoration:none;box-shadow:0 10px 26px #0a5bc45c,inset 0 1px #ffffff8c}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.btn:focus-visible{outline-offset:2px;outline:3px solid #18b4d873}.btn.secondary{color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border-color:#ffffffe6;box-shadow:0 2px 8px #0a326e14,inset 0 1px #fff}.btn.secondary:hover{background:#ffffffeb}.btn.ghost{color:var(--muted);box-shadow:none;background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--ink);background:#fff9}.btn.danger{background:linear-gradient(#ffffff40,#fff0 52%),linear-gradient(135deg,#e0445f,#c81e3c);box-shadow:0 6px 18px #d92d4a47,inset 0 1px #ffffff73}.btn.success{background:linear-gradient(#ffffff47,#fff0 52%),linear-gradient(135deg,#0fae7a,#0a8f86 55%,#12b3c4);box-shadow:0 6px 18px #0f9d6b4d,inset 0 1px #ffffff80}.btn.sm{padding:6px 12px;font-size:13px}.btn.lg{padding:14px 22px;font-size:16px}.btn.block{width:100%}label.field{color:#22324d;flex-direction:column;gap:7px;font-size:13.5px;font-weight:600;display:flex}label.field .hint{color:var(--muted);font-size:12.5px;font-weight:400}input,select,textarea{font:inherit;border-radius:var(--radius-sm);width:100%;color:var(--ink);background:#ffffffbf;border:1px solid #0f32641f;padding:11px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:inset 0 1px 2px #0a285a0d}input:focus,select:focus,textarea:focus{border-color:var(--cyan);background:#fff;outline:none;box-shadow:0 0 0 4px #18b4d82e}textarea{resize:vertical;min-height:90px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand);padding:0}input[type=file]{padding:9px}.check{align-items:center;gap:9px;font-size:14px;font-weight:500;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.alert{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;padding:12px 16px;font-size:14px}.alert.error{background:var(--bad-50);color:#9f1239;border-color:#ef444440}.alert.ok{background:var(--ok-50);color:#065f46;border-color:#10b98140}.alert.warn{background:var(--warn-50);color:#8a4b05;border-color:#f59e0b4d}.alert.info{color:#064e7a;background:#18b4d81f;border-color:#18b4d847}.badge{white-space:nowrap;color:#34445e;background:#0f326412;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:650;display:inline-flex}.badge.ok{color:#047857;background:#10b98126}.badge.warn{color:#92400e;background:#f59e0b2e}.badge.bad{color:#b91c1c;background:#ef444424}.badge.brand{color:var(--brand-600);background:#0a5bc41f}.badge.ussd{color:#05667a;background:#2fd8de38}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);background:#ffffff59;padding:11px 16px;font-size:12px;font-weight:650}td{vertical-align:middle;border-bottom:1px solid #0f32640f;padding:13px 16px}tbody tr{transition:background .15s}tbody tr:hover{background:#ffffff80}tr:last-child td{border-bottom:0}.site-header{z-index:20;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#fff9;border-bottom:1px solid #ffffffb3;position:sticky;top:0;box-shadow:0 1px #0f32640f}.site-header .container{align-items:center;gap:12px;height:68px;display:flex}.logo{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:750;display:flex}.logo:hover{text-decoration:none}.logo img.icon{object-fit:contain;width:40px;height:40px}.logo .wordmark{flex-direction:column;line-height:1.05;display:flex}.logo .wordmark b{background:linear-gradient(135deg,#0a4fb0,#138fd0);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.logo .wordmark span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600}.logo-mark{width:36px;height:36px;box-shadow:var(--shadow);background:#fff;border-radius:11px;place-items:center;display:grid}.logo-mark img{object-fit:contain;width:30px;height:30px}.hero{color:#fff;background:radial-gradient(600px 300px at 85% 10%,#2fe0e08c,#0000 60%),radial-gradient(500px 400px at 10% 100%,#18b4d873,#0000 60%),linear-gradient(135deg,#062f73 0%,#0a4fb0 45%,#138fd0 80%,#1fc6d8 100%);padding:64px 0 96px;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 30% 30%,#ffffff8c,#ffffff14 45%,#fff0 70%);border:1px solid #ffffff40;border-radius:50%;animation:9s ease-in-out infinite float;position:absolute}.hero:before{width:220px;height:220px;top:18%;right:8%}.hero:after{width:120px;height:120px;animation-delay:-4s;bottom:10%;right:26%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hero .container{z-index:1;position:relative}.hero h1{letter-spacing:-.03em;text-shadow:0 2px 20px #00143c40;font-size:clamp(30px,5vw,50px);font-weight:800}.hero p{opacity:.92;max-width:640px;margin-top:12px;font-size:17px;line-height:1.5}.hero .org{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff29;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:10px;margin-bottom:16px;padding:6px 14px 6px 6px;font-weight:600;display:inline-flex}.hero .org img{object-fit:cover;background:#fff;border-radius:50%;width:30px;height:30px}.hero .pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff29;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:8px;margin-top:22px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.info-strip{z-index:2;margin-top:-52px;position:relative}.info-strip .card{background:var(--glass-strong);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.info-strip .cell{border-right:1px solid var(--line);padding:20px 22px}.info-strip .cell:last-child{border-right:0}.info-strip .k{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:650}.info-strip .v{letter-spacing:-.02em;margin-top:5px;font-size:21px;font-weight:800}.ussd-code{background:var(--grad-soft);color:var(--navy);border:1px solid #18b4d840;border-radius:8px;padding:2px 9px;font-family:ui-monospace,SF Mono,monospace;font-weight:700}.contestants{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}.contestant{flex-direction:column;transition:transform .2s,box-shadow .25s;display:flex;overflow:hidden}.contestant:hover{box-shadow:var(--shadow-lg), var(--highlight);transform:translateY(-4px)}.contestant .photo{aspect-ratio:4/4.2;color:#0a4fb073;letter-spacing:-.03em;background:linear-gradient(135deg,#0a5bc429,#2fd8de38);place-items:center;font-size:56px;font-weight:800;display:grid;position:relative}.contestant .photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.contestant .code{z-index:1;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#081e4673;border:1px solid #ffffff59;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;position:absolute;top:12px;left:12px}.contestant .body{flex-direction:column;flex:1;gap:9px;padding:18px;display:flex}.contestant h3{font-size:18px;font-weight:700}.contestant .bio{color:var(--muted);flex:1;font-size:14px;line-height:1.45}.votes{align-items:baseline;gap:6px;display:flex}.votes b{font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#0a4fb0,#18b4d8);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800}.votes.bump b{animation:.7s bump}@keyframes bump{0%{transform:scale(1)}30%{transform:scale(1.28)}to{transform:scale(1)}}.rank-bar{background:#0f326414;border-radius:99px;height:7px;overflow:hidden}.rank-bar span{background:var(--grad);border-radius:99px;height:100%;transition:width .7s cubic-bezier(.2,.8,.2,1);display:block;box-shadow:0 0 10px #18b4d880}.event-cards{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:22px}.event-card{color:inherit;transition:transform .2s,box-shadow .25s;overflow:hidden}.event-card:hover{box-shadow:var(--shadow-lg), var(--highlight);text-decoration:none;transform:translateY(-4px)}.event-card .banner{background:radial-gradient(260px 120px at 85% 0,#2fe0e099,#0000 70%),linear-gradient(135deg,#0a4fb0,#138fd0 70%,#2fd8de);height:130px;position:relative}.event-card .banner img{object-fit:cover;width:100%;height:100%}.site-footer{color:var(--muted);text-align:center;padding:48px 0;font-size:13px}.site-footer img{opacity:.9;height:34px;margin:0 auto 10px}.modal-back{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#06193c59;place-items:center;padding:16px;animation:.18s fade;display:grid;position:fixed;inset:0}.modal{background:var(--glass-strong);width:100%;max-width:470px;max-height:92vh;box-shadow:var(--shadow-lg), var(--highlight);animation:.22s cubic-bezier(.2,.9,.3,1.2) pop;overflow:auto}.modal.wide{max-width:660px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(8px)}}.total{background:var(--grad-soft);border-radius:var(--radius-sm);border:1px solid #18b4d833;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.total b{color:var(--navy);font-size:25px;font-weight:800}.qty{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.qty button{font:inherit;cursor:pointer;color:var(--ink);background:#ffffffb3;border:1px solid #0f32641f;border-radius:999px;padding:10px 0;font-weight:650;transition:all .15s}.qty button:hover{background:#fff}.qty button.on{color:#fff;background:var(--grad);border-color:#0000;box-shadow:0 4px 12px #0a5bc44d}.admin{grid-template-columns:264px 1fr;min-height:100vh;display:grid}.sidebar{height:calc(100vh - 24px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow), var(--highlight);background:#ffffff8c;flex-direction:column;gap:4px;margin:12px 0 12px 12px;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar .brand{border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:6px;padding:4px 6px 14px;display:flex}.sidebar .brand img{width:150px}.sidebar .brand span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-left:4px;font-size:11px;font-weight:650}.sidebar a.nav{color:#2a3a55;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:14.5px;font-weight:550;transition:background .15s,color .15s;display:flex}.sidebar a.nav:hover{background:#ffffffbf;text-decoration:none}.sidebar a.nav.active{color:#fff;background:linear-gradient(180deg, #ffffff38, #fff0 55%), var(--grad);box-shadow:0 6px 16px #0a5bc447}.sidebar .section{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);padding:14px 12px 4px;font-size:11px;font-weight:700}.sidebar select{background:#ffffffd9;font-size:14px}.sidebar .me{border-top:1px solid var(--line);margin-top:auto;padding:14px 10px 4px;font-size:13px}.sidebar .me .name{color:var(--ink);font-weight:650}.main{min-width:0;padding:30px 34px 60px}.page-head{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-head h1{font-size:28px;font-weight:750}.page-head p{color:var(--muted);margin-top:5px}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat{padding:20px 22px;position:relative;overflow:hidden}.stat:after{content:"";background:radial-gradient(circle,#2fd8de40,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.stat .k{color:var(--muted);font-size:13px;font-weight:600}.stat .v{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:6px;font-size:28px;font-weight:800}.stat .s{color:var(--muted);margin-top:3px;font-size:12.5px}.bars{align-items:flex-end;gap:6px;height:150px;padding:10px 0 0;display:flex}.bars .col{flex-direction:column-reverse;flex:1;justify-content:flex-start;gap:1px;height:100%;display:flex;position:relative}.bars .seg-web{background:linear-gradient(#138fd0,#0a4fb0);border-radius:6px 6px 0 0}.bars .seg-ussd{background:linear-gradient(#2fe0e0,#18b4d8)}.bars .col .seg-ussd:only-child,.bars .col .seg-ussd:last-child{border-radius:6px 6px 0 0}.legend{color:var(--muted);gap:14px;font-size:12.5px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.thumb{object-fit:cover;background:var(--grad-soft);color:#0a4fb099;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:grid}.tabs{border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow);background:#ffffff8c;border-radius:999px;flex-wrap:wrap;gap:4px;margin-bottom:20px;padding:4px;display:inline-flex}.tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .15s}.tabs button:hover{color:var(--ink)}.tabs button.on{color:var(--ink);background:#fff;box-shadow:0 2px 8px #0a326e1f}.empty{text-align:center;color:var(--muted);padding:44px 20px}.pill-secret{background:var(--navy);color:#fff;border-radius:var(--radius-sm);letter-spacing:.03em;text-align:center;padding:12px 16px;font-family:ui-monospace,monospace;font-size:16px}.auth-page{background:radial-gradient(500px 400px at 15% 20%,#2fe0e08c,#0000 60%),radial-gradient(600px 500px at 90% 90%,#138fd099,#0000 60%),linear-gradient(135deg,#062f73,#0a4fb0 55%,#1aa9d6);place-items:center;min-height:100vh;padding:20px;display:grid;position:relative;overflow:hidden}.auth-page:before{content:"";background:radial-gradient(circle at 30% 30%,#ffffff73,#ffffff0d 50%,#0000 70%);border:1px solid #fff3;border-radius:50%;width:340px;height:340px;animation:10s ease-in-out infinite float;position:absolute;top:8%;right:10%}.auth-card{z-index:1;width:100%;max-width:410px;box-shadow:var(--shadow-lg), var(--highlight);background:#ffffffe0;position:relative}.auth-card .auth-logo{width:190px;margin:0 auto 4px}.phone{width:300px;box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff26;background:linear-gradient(160deg,#1d2a44,#0b1426);border-radius:44px;padding:14px}.phone .screen{white-space:pre-wrap;color:#0b1b33;background:linear-gradient(#ffffffeb,#eaf4ffeb);border-radius:32px;flex-direction:column;gap:10px;min-height:340px;padding:22px 18px;font-family:ui-monospace,SF Mono,monospace;font-size:14px;display:flex}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.card,.glass,.sidebar,.site-header,.modal,.tabs{background:#fffffff0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=860px){.admin{grid-template-columns:1fr}.sidebar{flex-flow:wrap;align-items:center;height:auto;margin:10px;position:static}.sidebar .section,.sidebar .me{display:none}.sidebar .brand{border:0;margin:0;padding:0 8px 0 0}.sidebar .brand img{width:110px}.sidebar .brand span{display:none}.main{padding:18px 14px 60px}.info-strip .cell{border-right:0;border-bottom:1px solid var(--line)}.hero:before{opacity:.7;width:130px;height:130px;top:12px;right:-50px}.hero:after{display:none}.hero{padding:44px 0 84px}.info-strip .card{grid-template-columns:1fr 1fr}.info-strip .cell:nth-child(2){border-right:0}.info-strip .cell{padding:14px 16px}.info-strip .v{font-size:18px}.info-strip .cell .small,.logo .wordmark span{display:none}}