:root{--teal:#4db8f0;--teal2:#7dd3f7;--teal-dim:rgba(77,184,240,.12);--green:#00e676;--green-dim:rgba(0,230,118,.1);--orange:#ffab40;--orange-dim:rgba(255,171,64,.1);--red:#ff5252;--red-dim:rgba(255,82,82,.1);--blue:#4da6ff;--blue-dim:rgba(77,166,255,.1);--purple:#c47aff;--purple-dim:rgba(196,122,255,.1);--gold:#f5c518;--gold-dim:rgba(245,197,24,.1);--navy:#080f1a;--navy2:#0d1829;--navy3:#111e30;--navy4:#1a2a42;--border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.12);--text-primary:#eef2f7;--text-secondary:#8fa3bc;--text-dim:#3d5470;--font:"DM Sans",system-ui,sans-serif;--mono:"DM Mono",monospace;--sidebar-w:240px;--header-h:56px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);font-size:13px;color:var(--text-primary);background:var(--navy);overflow:hidden}body.light{--teal:#1557b0;--teal2:#2b8fe8;--teal-dim:rgba(21,87,176,.1);--green:#0f8a3a;--green-dim:rgba(15,138,58,.1);--orange:#bf6400;--orange-dim:rgba(191,100,0,.1);--red:#c41a1a;--red-dim:rgba(196,26,26,.1);--blue:#1452b8;--blue-dim:rgba(20,82,184,.1);--purple:#6d28d9;--purple-dim:rgba(109,40,217,.1);--gold:#9a6e00;--gold-dim:rgba(154,110,0,.1);--navy:#f2f6fb;--navy2:#ffffff;--navy3:#e8eef6;--navy4:#dde6f0;--border:rgba(0,0,0,.09);--border2:rgba(0,0,0,.15);--text-primary:#0a1628;--text-secondary:#2e4a6a;--text-dim:#7a96b4}body.light{background:#edf1f7}body.light .header{background:linear-gradient(90deg,#fff,#f8fbff);border-bottom:1px solid rgba(0,136,160,.18);box-shadow:0 1px #0088a01f,0 2px 16px #00000012}body.light .sidebar{background:linear-gradient(180deg,#f6f9fd,#eff4fa);border-right-color:#00000017}body.light .main{background:#edf1f7}body.light .card{background:#fff;border-color:#00000017;box-shadow:0 1px 4px #0000000d}body.light .nav-it{color:#2e4a6a}body.light .nav-it:hover{background:#0088a012;color:#0a1628}body.light .nav-it.active{background:linear-gradient(90deg,#0088a01f,#0088a00f);color:var(--teal)}body.light .nav-it.active:before{background:var(--teal)}body.light .nav-sec{color:#9ab0c8}body.light .sidebar-footer{border-top-color:#00000017}body.light .icon-btn{background:#0000000a;border-color:#0000001f;color:#2e4a6a}body.light .icon-btn:hover{background:#0088a01a;border-color:#0088a040;color:var(--teal)}body.light .user-btn{background:#0000000a;border-color:#0000001f}body.light .avatar,body.light .avatar-lg{background:linear-gradient(135deg,#0088a040,#0088a01a);color:var(--teal)}body.light th{background:#00000008;color:var(--text-dim);border-bottom-color:#00000017}body.light td{border-bottom-color:#00000012;color:#2e4a6a}body.light td:first-child{color:#0a1628}body.light tbody tr:hover td{background:#0088a00a}body.light .btn.bg{background:#fff;border-color:#00000024;color:#2e4a6a;box-shadow:0 1px 2px #0000000f}body.light .btn.bg:hover{background:#f4f8fc;color:#0a1628}body.light .p-ok{background:#0f8a3a1a;color:#0a6e2c}body.light .p-info{background:#0088a01a;color:#005f75}body.light .p-neu{background:#00000012;color:#2e4a6a}body.light .p-gold{background:#9a6e001a;color:#7a5800}body.light .ki{background:#fff;border-color:#00000017;box-shadow:0 1px 3px #0000000d}body.light .fc{background:#fff;border-color:#00000026;color:#0a1628;box-shadow:inset 0 1px 2px #0000000a}body.light .fc:focus{border-color:#0088a080;box-shadow:inset 0 1px 2px #00000008,0 0 0 3px #0088a014}body.light .fc::placeholder{color:#9ab0c8}body.light .fl{color:#2e4a6a}body.light .info-box{background:#0088a00f;border-color:#0088a033;color:#004f62}body.light .err-box{background:#c41a1a0f;border-color:#c41a1a38;color:#880f0f}body.light .ok-box{background:#0f8a3a0f;border-color:#0f8a3a33;color:#085c1e}body.light .search-bar{background:#0000000a;border-color:#0000001f}body.light .search-bar:focus-within{border-color:#0088a066;background:#fff}body.light .search-bar input{color:#0a1628}body.light .ch{border-bottom-color:#00000014}body.light .user-block{background:#0000000a;border-color:#0000001a}body.light .vhead{border-bottom-color:#00000017}body.light .sep{background:#00000017}body.light .qr-poster{background:#fff}.app{display:grid;grid-template-rows:var(--header-h) 1fr;height:100vh}.body{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100%;overflow:hidden;position:relative}.header{background:#0a1322fa;border-bottom:1px solid var(--border2);display:flex;align-items:center;padding:0 18px;gap:14px;z-index:100;box-shadow:0 1px #00d4b826,0 4px 24px #0006}.logo{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0;color:inherit}.logo-mark-img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;display:block;background:#fff}.brand-wordmark{height:48px;width:auto;max-width:280px;object-fit:contain;display:block}.logo-text{font-size:15px;font-weight:700;color:var(--text-primary)}.logo-sub{font-size:10px;color:var(--teal);font-family:var(--mono);letter-spacing:.4px}.h-div{width:1px;height:28px;background:var(--border2);flex-shrink:0}.search-bar{display:flex;align-items:center;gap:9px;background:#ffffff0f;border:1px solid var(--border2);border-radius:10px;padding:7px 14px;flex:1;max-width:420px}.search-bar input{background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font);font-size:13px;width:100%}.search-bar input::placeholder{color:var(--text-dim)}.h-space{flex:1}.live-badge{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:lp 2s infinite}@keyframes lp{0%,to{opacity:1;box-shadow:0 0 #00e67680}50%{opacity:.6;box-shadow:0 0 0 5px transparent}}.icon-btn{width:34px;height:34px;border-radius:8px;background:#ffffff0d;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .15s;flex-shrink:0}.icon-btn:hover{background:#00d4b814;border-color:#00d4b840;color:var(--teal)}.user-btn{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#ffffff0a;border-radius:8px;border:1px solid var(--border2)}.avatar{width:27px;height:27px;border-radius:7px;background:linear-gradient(135deg,#00d4b866,#00d4b833);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--teal);flex-shrink:0}.clock{font-family:var(--mono);font-size:11.5px;color:var(--text-secondary);min-width:72px;text-align:right}.sidebar{background:#080f1af7;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.nav-sec{padding:16px 14px 5px;font-size:9.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dim)}.nav-it{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:9px;margin:1px 8px;cursor:pointer;font-size:12.5px;font-weight:500;color:var(--text-secondary);transition:all .12s;position:relative;text-decoration:none;border:0;background:transparent;width:calc(100% - 16px);font-family:inherit;text-align:left}.nav-it:hover{background:#ffffff0a;color:var(--text-primary)}.nav-it svg{width:15px;height:15px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;opacity:.7}.nav-it.active svg,.nav-it:hover svg{opacity:1}.nav-it.active{background:#00d4b817;color:var(--teal);font-weight:600}.nav-it.active:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:3px;background:var(--teal);border-radius:2px}.sidebar-footer{margin-top:auto;padding:12px 14px;border-top:1px solid var(--border);font-size:11.5px}.user-block{display:flex;align-items:center;gap:9px;padding:9px 11px;background:#ffffff0a;border:1px solid var(--border);border-radius:9px;margin-bottom:8px}.ub-name{font-size:12.5px;font-weight:600;color:var(--text-primary)}.ub-role{font-size:11px;color:var(--text-secondary)}.avatar-lg{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#00d4b866,#00d4b833);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--teal)}.sf-row{display:flex;justify-content:space-between;font-size:11.5px;padding:2px 0}.sf-row span{color:var(--text-dim)}.main{background:var(--navy);overflow-y:auto;display:flex;flex-direction:column}.view{display:flex;flex-direction:column;min-height:100%}.vhead{padding:20px 24px 16px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vt{font-size:18px;font-weight:700;color:var(--text-primary)}.vs{font-size:12px;color:var(--text-secondary);margin-top:3px;line-height:1.5}.vacts{display:flex;gap:8px;align-items:center;flex-shrink:0;margin-top:2px;flex-wrap:wrap}.view-hero{background:linear-gradient(180deg,rgba(8,42,96,.82) 0%,rgba(21,87,176,.55) 140px,var(--navy) 320px),url(/phungela-mark.jpg) right -40px top -80px / 520px auto no-repeat,linear-gradient(120deg,#08306e,#1557b0 55%,#1d7ad4)}body.light .view-hero{background:linear-gradient(180deg,#082a60c7,#1557b06b 160px,#edf1f7 340px),url(/phungela-mark.jpg) right -40px top -80px / 520px auto no-repeat,linear-gradient(120deg,#08306e,#1557b0 55%,#1d7ad4)}.vhead-hero{border-bottom:0;padding:36px 24px 28px;position:relative;z-index:1}.vhead-hero .vt{color:#fff;font-size:28px;letter-spacing:-.03em}.vhead-hero .vs{color:#ffffffd1;max-width:520px}.vhead-hero .btn.bg,body.light .vhead-hero .btn.bg{background:#ffffff1f;border-color:#ffffff47;color:#fff;box-shadow:none}.vhead-hero .btn.bg:hover:not(:disabled),body.light .vhead-hero .btn.bg:hover:not(:disabled){background:#ffffff38;color:#fff}.vhead-hero .btn.bt{box-shadow:0 8px 20px #0000002e}.vbody{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.vbody-center{align-items:center;justify-content:center}.card{background:#0c1624e0;border:1px solid var(--border);border-radius:13px;overflow:hidden}.card-overflow{overflow:visible}.ch{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.ct{font-size:13px;font-weight:700;flex:1;color:var(--text-primary)}.cb{padding:16px}.ki{background:#0c1624cc;border:1px solid var(--border);border-radius:11px;padding:14px 16px}.kl{font-size:10.5px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px}.kv{font-size:24px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.km{font-size:11px;color:var(--text-secondary);margin-top:3px}.ks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:10.5px;font-weight:700;white-space:nowrap}.p-ok{background:#00e6761a;color:var(--green)}.p-info{background:#00d4b814;color:var(--teal)}.p-neu{background:#ffffff0f;color:var(--text-secondary)}.p-gold{background:#f5c5181a;color:var(--gold)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;border:1px solid transparent;transition:all .12s;white-space:nowrap;line-height:1.2;text-decoration:none}.btn:disabled{opacity:.35;cursor:not-allowed}.bt{background:var(--teal);color:#fff;border-color:var(--teal)}.bt:hover:not(:disabled){background:var(--teal2)}.bg{background:#ffffff0d;border-color:var(--border2);color:var(--text-secondary)}.bg:hover:not(:disabled){background:#ffffff14;color:var(--text-primary)}.br{background:#ff52521a;border-color:#ff525240;color:var(--red)}.br:hover:not(:disabled){background:#ff52522e}body.light .br{background:#c41a1a1a;border-color:#c41a1a38;color:#991010}.tw{overflow-x:auto}.tw table{width:100%;border-collapse:collapse;font-size:12px}th{padding:8px 12px;text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);background:#ffffff05;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle}td:first-child{color:var(--text-primary)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#00d4b808}.mono{font-family:var(--mono);font-size:10.5px}.event-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 16px;border:0;border-bottom:1px solid var(--border);background:transparent;cursor:pointer;font:inherit;color:inherit;text-align:left}.event-row:last-child{border-bottom:0}.event-row:hover{background:#0088a00a}.event-row strong{display:block;font-size:13px;color:var(--text-primary)}.event-row span{font-size:11.5px;color:var(--text-secondary)}.fg{display:flex;flex-direction:column;gap:5px}.fl{font-size:11.5px;font-weight:600;color:var(--text-secondary)}.fc{background:#ffffff0d;border:1px solid var(--border2);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-family:var(--font);font-size:13px;outline:none;width:100%}.fc:focus{border-color:#00d4b866;background:#00d4b806}.combo{position:relative}.combo-input{padding-right:28px}.combo-caret{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none;font-size:11px}.combo-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;margin:0;padding:6px;list-style:none;max-height:220px;overflow:auto;background:var(--navy2);border:1px solid var(--border2);border-radius:10px;box-shadow:0 12px 32px #0000002e}body.light .combo-list{background:#fff;border-color:#0000001f}.combo-opt{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--text-primary);font:inherit;font-size:12.5px;padding:8px 10px;border-radius:7px;cursor:pointer}.combo-opt:hover,.combo-opt.active{background:#0088a01a;color:var(--teal)}.combo-opt.selected{font-weight:600}.combo-empty{padding:10px;font-size:12px;color:var(--text-secondary)}textarea.fc{resize:vertical;min-height:70px}.fr2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fr3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.req{color:var(--red)}.dform{display:flex;flex-direction:column;gap:14px}.checkrow{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;cursor:pointer;line-height:1.5;padding:3px 0;color:var(--text-secondary)}.checkrow input{accent-color:var(--teal);margin-top:2px;flex-shrink:0}.info-box,.err-box,.ok-box{border-radius:9px;padding:11px 14px;font-size:12px;line-height:1.6}.info-box{background:#00d4b80f;border:1px solid rgba(0,212,184,.18);color:var(--teal)}.err-box{background:#ff52520f;border:1px solid rgba(255,82,82,.2);color:var(--red)}.ok-box{background:#00e6760d;border:1px solid rgba(0,230,118,.18);color:var(--green)}.qr-poster{text-align:center;padding:28px 16px}.qr-poster img{width:min(240px,70vw);height:auto}.draw-stage{min-height:220px;display:grid;place-items:center;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;text-align:center;color:var(--text-primary)}.winner-banner{color:var(--teal)}.public-app{height:100%;height:100dvh;max-height:100%;max-height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--navy)}body.light .public-app{background:#edf1f7}.public-app-hero{background:linear-gradient(180deg,#082a60c7,#080f1ae0),url(/phungela-mark.jpg) center / cover no-repeat,#08306e;background-attachment:local}body.light .public-app-hero{background:linear-gradient(180deg,#082a608c,#edf1f7eb),url(/phungela-mark.jpg) center / cover no-repeat,#edf1f7;background-attachment:local}.public-app-center{display:flex;align-items:flex-start;justify-content:center;min-height:100%;padding:max(16px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));box-sizing:border-box}.public-wrap{width:100%;max-width:560px;margin:0 auto;padding:12px 4px 8px;box-sizing:border-box;flex:0 1 auto}.public-head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;text-align:center}.public-head .brand-wordmark{height:clamp(36px,10vw,48px);max-width:min(280px,80vw)}.public-app .card{width:100%;max-width:100%}.public-app .dform .btn.bt{width:100%;justify-content:center}.public-app .checkrow{align-items:flex-start}.public-app .combo{z-index:1}.public-app .card-overflow{overflow:visible}.muted{color:var(--text-secondary)}.empty{padding:16px;color:var(--text-secondary);font-size:12.5px}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--text-secondary);font-size:12.5px;font-weight:600}.loader-compact{padding:20px 16px}.spinner{width:22px;height:22px;border:2.5px solid var(--border2);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:12px;height:12px;border-width:2px;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.menu-btn{display:none}@media(max-width:860px){.body{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:flex;position:absolute;inset:0 auto 0 0;width:var(--sidebar-w);z-index:80}.menu-btn{display:flex}.ks,.fr2,.fr3{grid-template-columns:1fr}.live-badge,.clock,.search-bar{display:none}}@media(max-width:560px){.public-wrap{padding:8px 0 16px}.public-head{margin-bottom:12px;gap:6px}.public-app .ch{padding:12px 14px}.public-app .cb{padding:14px}.public-app .dform{gap:12px}.public-app .fc{font-size:16px;padding:10px 12px;min-height:44px}.public-app .fr2{grid-template-columns:1fr;gap:12px}.public-app .combo-list{max-height:min(180px,40vh)}.public-app .btn.bt{min-height:44px;padding:12px 14px}.vhead{flex-direction:column;align-items:stretch}.vacts{width:100%}.vacts .btn{flex:1;justify-content:center}}@media(min-width:561px)and (min-height:820px){.public-app-center{align-items:center}}@media print{.header,.sidebar,.vhead .vacts,.vbody>.card:not(.qr-poster){display:none!important}.app,.body,.main{display:block;height:auto;overflow:visible}.qr-poster{border:0;box-shadow:none}}