:root{--bg:#f5f6f8;--surface:#fff;--ink:#182b39;--muted:#687581;--line:#e4e8ed;--gold:#efc779;--navy:#142734;--red:#ac3c39;--green:#22755c;font:15px/1.55 "Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #3288be;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(25px,3.2vw,36px);font-weight:600;line-height:1.2;letter-spacing:-1px;margin-bottom:10px}h2{font-size:21px;line-height:1.35;font-weight:600;letter-spacing:-.4px;margin-bottom:10px}h3{font-size:16px;font-weight:600}p{margin-bottom:16px}.muted{color:var(--muted)}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:1.6px;font-weight:600;margin-bottom:12px}.app-shell{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100vh}.sidebar{padding:32px 18px 24px;background:var(--navy);color:#e5edf3;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:23px;font-weight:600;letter-spacing:-.5px;padding:0 10px}.brand small{display:block;color:#9dabb6;font-size:10px;letter-spacing:.3px;font-weight:400}.brand-mark{background:var(--gold);color:var(--navy);width:39px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:29px;flex-shrink:0}.sidebar-caption{font-size:10px;letter-spacing:1.8px;color:#91a1ae;margin:54px 13px 14px}.sidebar nav{display:grid;gap:7px}.nav-button{border:0;border-radius:10px;min-height:48px;padding:11px 12px;display:flex;align-items:center;gap:12px;background:transparent;color:#b9c6d0;text-align:left;font-size:14px}.nav-button span{width:22px;font-size:19px;text-align:center}.nav-button.selected{background:#28404f;color:#fff}.sidebar-bottom{margin-top:auto;padding:60px 10px 0;font-size:11px;color:#b1c0ca}.sidebar-bottom small{display:block;font-size:10px;margin-top:10px;color:#8fa3b1}.connection-dot{display:inline-block;width:6px;height:6px;background:#a5a19a;border-radius:50%;margin-right:6px}.connection-dot.connected{background:#7dd0b2}.workspace{min-width:0}.topbar{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 38px;background:var(--surface);border-bottom:1px solid var(--line);font-size:13px}.topbar-right{display:flex;align-items:center;gap:14px}.badge{font-size:11px;padding:4px 10px;border:1px solid var(--line);border-radius:20px;color:var(--muted);white-space:nowrap}.main-content{max-width:1270px;padding:30px 38px 20px;margin:auto}.notice{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border:1px solid #c8dde8;border-radius:12px;padding:13px 17px;background:#edf5fa;margin-bottom:25px;font-size:13px}.demo-notice{display:block;background:#fff5df;border-color:#ecd9ad;color:#765426}.page-heading{margin-top:10px}.page-heading p{font-size:14px}.raffle-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:27px 0}.raffle-picker{margin:0;max-width:370px;width:100%}.raffle-picker select{margin-top:5px;background:#fff;padding:9px 12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px}.primary,.secondary,.text-button,.ticket-copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border-radius:9px;padding:10px 18px;font-weight:600;font-size:13px;text-decoration:none;white-space:normal}.primary{background:var(--navy);color:#fff;border:1px solid var(--navy)}.primary:hover:enabled{background:#2b4352}.secondary{background:#fff;color:var(--ink);border:1px solid #dce2e8}.secondary:hover:enabled{background:#f6f8fa}.text-button{color:#42647b;background:transparent;border:0;padding:6px 0;min-height:35px;font-weight:500}.text-button.danger{color:var(--red);margin-left:auto}.small{font-size:12px;min-height:37px;padding:7px 12px}.full{width:100%;margin-top:10px}.stats-row{display:grid;grid-template-columns:1fr 1fr 1.4fr;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:24px;padding:20px 8px}.stats-row>div{padding:0 24px;border-right:1px solid var(--line)}.stats-row>div:last-child{border:0}.stats-row span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.stats-row strong{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.stats-row .status-value{font-size:20px;letter-spacing:0}.ticket-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}label{display:block;color:#536574;font-size:12px;margin:18px 0}.optional{font-size:11px;font-weight:400;color:#7b8791;float:right}input,select,textarea{display:block;width:100%;min-width:0;border:1px solid #d8e0e7;border-radius:8px;padding:11px 12px;margin-top:7px;background:#fff;color:var(--ink);font-size:15px}textarea{resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{outline:2px solid #97bacf;outline-offset:1px}input:disabled,textarea:disabled{background:#f3f5f7}.field-hint{font-size:11px;color:var(--muted);margin:11px 0 0;display:block}.ticket-grid .primary{width:100%;margin-top:6px}.ticket-preview{background:#f2dfb5;background:linear-gradient(125deg,#f8e9cb,#edcf92);color:#503b20;border-radius:16px;display:flex;flex-direction:column;min-width:0;padding:24px;position:relative;overflow:hidden}.ticket-preview:before,.ticket-preview:after{content:"";position:absolute;top:calc(70% - 14px);height:28px;width:28px;background:var(--bg);border-radius:50%}.ticket-preview:before{left:-14px}.ticket-preview:after{right:-14px}.ticket-top{display:flex;align-items:center;justify-content:space-between}.ticket-top .eyebrow{color:#786444;letter-spacing:1.4px}.ticket-top>span:last-child{font-size:25px}.ticket-preview-content{display:flex;flex-direction:column;justify-content:center;flex:1;padding:25px 0 32px;min-height:180px}.ticket-preview-content>span{font-size:12px;color:#7c6745}.ticket-preview-content strong{font:600 clamp(17px,2.1vw,27px)/1.5 ui-monospace,Consolas,monospace;letter-spacing:1px;margin:12px 0;overflow-wrap:anywhere}.ticket-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px dashed #bb9c64;padding-top:15px}.ticket-copy{padding:4px 0;color:#5d4522;background:none;border:0;font-size:12px;min-height:35px}.ticket-preview textarea{font-size:12px;background:#fff9ee}.section-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin:30px 0 15px}.section-bar h2{margin-bottom:3px}.section-bar .muted{font-size:12px}.row-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search{margin:0;padding:9px 12px;max-width:250px;font-size:12px}.table-panel{padding:0;overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{color:var(--muted);font-weight:500;font-size:11px;padding:14px 20px;background:#fafbfd;white-space:nowrap}td{padding:15px 20px;border-top:1px solid var(--line);vertical-align:middle}td:first-child{font-family:ui-monospace,Consolas,monospace;font-size:12px;font-weight:600;white-space:nowrap}td small{display:block;color:var(--muted);font-size:11px}.state-pill{padding:4px 8px;font-size:10px;border-radius:20px;background:#e9f4ef;color:var(--green);white-space:nowrap}.state-pill.void{background:#f5e9e8;color:var(--red)}.table-action{border:0;background:transparent;color:var(--muted);font-size:11px;min-height:35px;padding:0 3px}.table-empty{padding:22px;color:var(--muted);font-size:13px;text-align:center}.load-more{display:flex;margin:12px auto}.settings-panel{max-width:880px}.settings-panel>.section-bar{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid label{margin-bottom:0}.prizes-grid{grid-template-columns:160px minmax(0,1fr);align-items:start;margin-bottom:24px}.rule-box{background:#f6f8fa;padding:17px;border-radius:9px;font-size:12px;margin:23px 0}.rule-box p{margin:7px 0 0;color:var(--muted)}.error{color:var(--red);font-size:13px}.error:empty{display:none}.draw-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:24px;align-items:start}.draw-stage{background:var(--navy);color:#fff;position:relative;text-align:center;border-radius:18px;padding:32px 20px 24px;overflow:hidden}.draw-stage .eyebrow{color:var(--gold);font-size:10px}.draw-stage h2{font-size:26px;font-weight:500;overflow-wrap:anywhere}.draw-stage>p:not(.eyebrow){font-size:12px;color:#a9becb;margin-bottom:8px}.draw-stage canvas{display:block;width:100%;max-width:440px;aspect-ratio:1;margin:0 auto}.spin-status{color:#b2c6d2;font-size:12px;min-height:20px}.current-winner{display:block;min-height:35px;letter-spacing:1.5px;font-size:21px;font-family:ui-monospace,Consolas,monospace;color:var(--gold);margin:5px 0}.wheel-caption{font-size:10px;color:#8fa9b9}.draw-controls .panel{padding:24px}.draw-controls .primary{width:100%}.draw-controls .muted{font-size:12px}.winner-list{list-style:none;margin:24px 0;padding:0}.winner-list li{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.winner-list li:last-child{border-bottom:0}.winner-rank{display:grid;place-items:center;background:#f7edd9;color:#9a6d27;border-radius:50%;height:30px;min-width:30px;font-size:12px}.winner-list strong{display:block;font-size:12px;font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.winner-list small{display:block;color:var(--muted);font-size:12px;margin-top:3px;overflow-wrap:anywhere}.winner-placeholder{color:var(--muted);font-size:12px}.small-note{padding:18px 10px;font-size:11px;color:var(--muted);line-height:1.8}.telegram-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.telegram-symbol{height:45px;width:45px;background:#e5f3fc;color:#2187bf;display:grid;place-items:center;border-radius:13px;font-size:28px;margin-bottom:20px}.setup-steps{padding-left:21px;font-size:13px;color:var(--muted);line-height:1.8}.setup-steps li{padding-left:5px;margin-bottom:13px}.setup-steps a{color:#2678ab}.setup-steps code{background:#f1f4f7;padding:2px 4px;border-radius:3px}.connection-status{font-size:12px;padding:13px 0;border-bottom:1px solid var(--line);margin-bottom:20px;color:#42647b}.pairing-box{background:#edf7f2;border:1px solid #bfe2d0;border-radius:10px;padding:18px;margin-top:20px;font-size:12px}.pairing-box p{margin:8px 0 14px;color:#4b6a5d}.telegram-help{font-size:13px;color:var(--muted)}.telegram-help h2,.telegram-help h3{color:var(--ink)}.chat-bubble{background:#eef4f7;color:var(--ink);padding:18px;border-radius:3px 12px 12px;margin:22px 0;font-size:13px;line-height:1.9}.chat-bubble strong{font:600 17px/1.8 ui-monospace,Consolas,monospace}.chat-bubble small{color:var(--muted);font-size:11px}.chat-bubble div{margin-top:8px;border-top:1px solid #d8e4ec;color:#28739e;padding-top:8px;font-size:11px}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.page-footer{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;color:#8c97a0;font-size:10px;margin:38px 0 0;padding-top:20px;border-top:1px solid var(--line)}.empty-state{text-align:center;padding:55px 25px}.empty-state p{font-size:14px;color:var(--muted)}.empty-symbol{display:block;font-size:47px;color:#cda561;margin-bottom:15px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#203847;color:#fff;padding:14px 22px;border:1px solid #456273;border-radius:12px;box-shadow:0 6px 30px #12212e22;font-size:13px;z-index:100;max-width:min(90vw,580px);overflow-wrap:anywhere}.toast.error-toast{background:#7a3633;border-color:#aa6862}.login-screen{min-height:100vh;display:grid;place-items:center;padding:25px}.login-panel{width:min(100%,440px)}.login-panel .brand-mark{margin-bottom:25px}.login-panel h1{font-size:26px}.login-panel .primary{width:100%}.visually-hidden{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.presentation-exit{position:absolute;left:18px;top:14px;background:#ffffff18;color:#dbe7ef;border:1px solid #ffffff30;border-radius:20px;padding:6px 13px;font-size:11px;z-index:3}.presenting .sidebar,.presenting .topbar,.presenting .notice,.presenting .page-heading,.presenting .raffle-toolbar,.presenting .page-footer,.presenting .draw-controls{display:none}.presenting .app-shell{display:block;background:var(--navy);min-height:100vh}.presenting .main-content{max-width:770px;padding:20px;margin:0 auto}.presenting .draw-layout{display:block}.presenting .draw-stage{padding-top:60px;min-height:85vh}.presenting .draw-stage canvas{max-width:570px}.presenting .draw-stage h2{font-size:32px}.busy-video .nav-button,.busy-video .raffle-toolbar button,.busy-video .raffle-toolbar select{pointer-events:none;opacity:.5}
@media(min-width:1450px){.main-content{padding-top:42px}.ticket-preview-content strong{font-size:29px}}
@media(max-width:1100px){.app-shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.main-content{padding:25px}.topbar{padding:16px 25px}.ticket-grid{gap:16px}.panel{padding:21px}.ticket-preview{padding:21px}.draw-layout{grid-template-columns:minmax(0,1fr)}.draw-controls{display:grid;grid-template-columns:1fr}.telegram-grid{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{padding:17px 18px 0}.brand{font-size:20px;padding:0}.brand-mark{height:34px;width:33px;font-size:24px}.brand small{font-size:10px}.sidebar-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-between;gap:5px;margin-top:18px}.nav-button{flex:1;justify-content:center;flex-direction:column;gap:2px;border-radius:9px 9px 0 0;padding:7px 4px;font-size:10px;min-height:56px;white-space:nowrap}.nav-button span{font-size:18px}.topbar{min-height:56px;padding:9px 20px;font-size:12px}.topbar-right{gap:10px}.topbar .text-button{font-size:11px}.main-content{padding:23px 18px}.page-heading{margin-top:15px}.page-heading h1{font-size:27px}.ticket-grid{grid-template-columns:1fr}.ticket-preview{min-height:260px}.ticket-preview-content strong{font-size:25px}.stats-row{padding:16px 0;margin-bottom:18px}.stats-row>div{padding:0 16px}.stats-row strong{font-size:24px}.stats-row .status-value{font-size:16px}.stats-row span{font-size:10px}.raffle-toolbar{gap:10px;align-items:flex-end}.raffle-toolbar .secondary{min-width:120px;padding:9px;font-size:11px}.raffle-picker{font-size:10px}.raffle-picker select{font-size:13px}.section-bar .row-actions{width:100%;justify-content:space-between}.search{max-width:63%;font-size:12px}.form-grid{grid-template-columns:1fr;gap:0}.prizes-grid{grid-template-columns:1fr}.panel{padding:21px}.table-panel{padding:0}td,th{padding:12px 14px}.table-scroll table{min-width:530px}.draw-stage{padding:26px 12px 20px}.draw-stage h2{font-size:24px}.draw-stage .eyebrow{font-size:9px}.draw-controls .panel{padding:22px}.telegram-help{padding:24px}.text-button.danger{margin-left:0}.presenting .main-content{padding:0}.presenting .draw-stage{border-radius:0;min-height:100vh}.presenting .draw-stage h2{font-size:25px}.notice{font-size:12px;padding:12px}.field-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}