:root{color-scheme:dark;--bg:#0c0e11;--panel:#15181e;--border:#303640;--muted:#aab3c1;--text:#f5f7fb;--accent:#ff782b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
[hidden]{display:none!important}a{color:inherit}button,input,select,textarea{font:inherit}button,.whatsapp{cursor:pointer;border:1px solid var(--border);background:#20252d;color:var(--text);border-radius:10px;padding:10px 15px;text-decoration:none;font-weight:600}button:disabled{opacity:.45;cursor:default}.primary{background:var(--accent);color:#17110d;border-color:var(--accent)}:focus-visible{outline:3px solid #ffb083;outline-offset:3px}
.bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 4vw;border-bottom:1px solid var(--border);background:#101216}.bar>div{display:flex;gap:20px;align-items:center}.brand{display:flex;gap:20px;align-items:center;text-decoration:none;font-weight:700}.brand img{width:100px;height:46px;object-fit:contain}.brand span{border-left:1px solid var(--border);padding-left:20px}.bar a{font-size:14px}
main{max-width:1440px;margin:0 auto;padding:36px 4vw 60px}h1,h2,p{margin:0}h1{font-size:clamp(30px,3vw,42px);line-height:1.15;letter-spacing:-.035em}h2{font-size:28px;line-height:1.2;overflow-wrap:anywhere}p{margin-top:12px}.eyebrow{display:block;color:var(--accent);font-weight:700;font-size:12px;letter-spacing:.12em;margin-bottom:12px}.muted,.heading p{color:var(--muted)}.small{font-size:14px}.login-card{max-width:470px;margin:5vh auto;background:var(--panel);padding:32px;border:1px solid var(--border);border-radius:20px}.login-card>p{color:var(--muted)}form label:not(.check){display:block;font-size:14px;font-weight:600;margin:18px 0 7px}input:not([type=checkbox]),select,textarea{width:100%;background:#0e1116;border:1px solid #454d59;color:var(--text);border-radius:9px;padding:11px 12px;min-height:46px}input::placeholder,textarea::placeholder{color:#8e99a9}textarea{resize:vertical}#login-form button,#edit-form>button{width:100%;margin-top:22px}
.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}.stats>div{padding:20px 24px;background:var(--panel);border:1px solid var(--border);border-radius:14px}.stats span{color:var(--muted);font-size:14px}.stats strong{display:block;font-size:32px;margin-top:7px}.stats>div:first-child{border-top:3px solid var(--accent)}
.filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:14px}.filters .search{flex:1 1 240px}.filters>div{flex:0 1 175px}.filters label:not(.check){margin-top:0}.check{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.5;min-height:46px}.check input{width:18px;height:18px;accent-color:var(--accent);flex:none}#list-message{color:var(--muted);min-height:25px;margin:20px 0 12px}
.lead-list{display:grid;gap:12px}.lead-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(140px,.8fr) minmax(130px,.7fr) auto;gap:22px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px}.lead-row h3{font-size:18px;margin:0 0 6px;overflow-wrap:anywhere}.lead-row p{font-size:14px;margin:4px 0;color:var(--muted);overflow-wrap:anywhere}.lead-row .actions{display:flex;gap:8px;flex-wrap:wrap}.whatsapp{display:inline-block;border-color:#3b6a4b;background:#183623;color:#aaf0bb;font-size:14px}.badge{font-size:12px;font-weight:700;border-radius:999px;padding:5px 10px;display:inline-block;background:#303641;color:#e2e8f0}.badge.novo{background:#51341c;color:#ffbe8c}.badge.contatado{background:#173b58;color:#a3d9ff}.badge.convertido{background:#18412b;color:#a2e7bd}.due{color:#ffb782!important}.empty{padding:55px 24px;text-align:center;border:1px dashed var(--border);border-radius:14px}.empty h3{margin:0 0 8px}.empty p{color:var(--muted)}.pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:28px;font-size:14px}
dialog{inset:0;margin:auto;max-height:calc(100dvh - 32px);width:min(600px,calc(100vw - 28px));overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:18px;padding:30px}dialog::backdrop{background:#000b}.close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:26px;padding:2px 12px}#detail h2{padding-right:28px}#detail-contact{white-space:pre-line;overflow-wrap:anywhere}#detail-whatsapp{margin-top:16px}#edit-message,#login-message{color:#ffc393}#edit-message:empty,#login-message:empty{display:none}
@media(max-width:1000px){.lead-row{grid-template-columns:1fr 1fr}.filters>div{flex:1 1 170px}}
@media(max-width:600px){.brand span{display:none}.bar{padding:14px 18px}.bar>div{gap:12px}main{padding:24px 16px}.login-card{padding:24px;margin:20px 0}.heading{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats>div{padding:16px}.lead-row{padding:18px;gap:14px}.lead-row .actions{grid-column:1/-1}.lead-row .actions>*{flex:1;text-align:center}.filters{padding:16px}.filters>button{width:100%}dialog{padding:26px 20px}}

.heading-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.live-status{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}
.live-status i{width:9px;height:9px;border-radius:50%;background:#d59b52;box-shadow:0 0 0 4px rgba(213,155,82,.12)}
.live-status.connected{color:#a2e7bd}
.live-status.connected i{background:#47c977;box-shadow:0 0 0 4px rgba(71,201,119,.13)}
.live-status.error{color:#ffc393}
.live-status.error i{background:#ff8d55;box-shadow:0 0 0 4px rgba(255,141,85,.13)}
.lead-row.realtime-new{animation:leadRealtimeNew 1.8s ease}
@keyframes leadRealtimeNew{0%{border-color:#ff8b45;box-shadow:0 0 0 3px rgba(255,120,43,.18)}100%{border-color:var(--border);box-shadow:none}}
@media(max-width:600px){.heading-actions{width:100%;justify-content:space-between}.live-status{font-size:12px}}

.roulette-prize{display:inline-block;margin-top:8px;padding:5px 9px;border-radius:999px;background:#4a2917;color:#ffc49d;border:1px solid #704226;font-size:12px;font-weight:700}
.roulette-admin-card{margin:22px 0;padding:22px 24px;background:linear-gradient(145deg,#15181e,#1a1512);border:1px solid #4b3528;border-radius:16px}
.roulette-admin-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.roulette-admin-heading h2{font-size:23px}.roulette-admin-heading p{color:var(--muted);margin-top:7px}
.roulette-current{margin-top:18px;padding:16px;border:1px solid #3d4653;border-radius:12px;background:#101319}
.roulette-reward-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.roulette-config-reward{padding:7px 10px;border-radius:9px;background:#272018;border:1px solid #59402f;color:#ffd1b3;font-size:13px}
.roulette-history{margin-top:14px}.roulette-history summary,.attempt-history summary{cursor:pointer;font-weight:700;color:#ffc393}
.roulette-history-row{padding:12px 0;border-bottom:1px solid var(--border)}
.detail-prize{margin:22px 0;padding:18px;border:1px solid #5c3a26;border-radius:13px;background:#1b1511}
.detail-prize h3{margin:0;font-size:20px}.detail-prize .eyebrow{margin-bottom:8px}
.attempt-history{margin-top:13px}.attempt-item{margin:8px 0;color:var(--muted);font-size:13px}
@media(max-width:600px){.roulette-admin-card{padding:18px}.roulette-reward-list{display:grid}.roulette-config-reward{display:block}}

.roulette-preview-layout{display:grid;grid-template-columns:minmax(320px,430px) minmax(260px,1fr);gap:34px;align-items:center;margin-top:18px}
.roulette-preview-stage{position:relative;width:min(390px,100%);aspect-ratio:1;margin:auto}
.roulette-preview-pointer{position:absolute;z-index:5;left:50%;top:-9px;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:34px solid #fff;filter:drop-shadow(0 5px 8px #0008)}
.roulette-preview-wheel{position:absolute;inset:0;border-radius:50%;border:8px solid #f4f1ed;box-shadow:0 0 0 4px var(--accent),0 18px 45px #0009;transition:transform 3.7s cubic-bezier(.16,.74,.18,1);background:conic-gradient(from 0deg,#f26a21 0 60deg,#121214 60deg 120deg,#ff8a45 120deg 180deg,#242426 180deg 240deg,#f26a21 240deg 300deg,#111113 300deg 360deg)}
.roulette-preview-label{position:absolute;z-index:2;left:50%;top:50%;width:112px;margin-left:-56px;margin-top:-14px;text-align:center;font-size:12px;font-weight:900;line-height:1.08;text-transform:uppercase;color:#fff;text-shadow:0 2px 4px #000;transform:rotate(calc(var(--i)*60deg + 30deg)) translateY(-141px) rotate(calc(var(--i)*-60deg - 30deg));transform-origin:56px 14px;overflow-wrap:anywhere}
.roulette-preview-center{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:118px;height:118px;border:6px solid #fff;border-radius:50%;background:#050505;box-shadow:0 8px 28px #000a,0 0 0 4px var(--accent)}
.roulette-preview-center img{width:92%;height:92%;object-fit:contain}
.roulette-preview-controls{min-width:0}.roulette-preview-controls .roulette-current{margin-top:0}.roulette-preview-spin{width:100%;margin-top:14px;min-height:48px}
#preview-spin-result{margin-top:10px}
@media(max-width:850px){.roulette-preview-layout{grid-template-columns:1fr}.roulette-preview-stage{width:min(340px,82vw)}.roulette-preview-label{transform:rotate(calc(var(--i)*60deg + 30deg)) translateY(-122px) rotate(calc(var(--i)*-60deg - 30deg));font-size:10px}.roulette-preview-center{width:98px;height:98px}}
@media(max-width:420px){.roulette-preview-stage{width:min(290px,80vw)}.roulette-preview-label{width:94px;margin-left:-47px;transform-origin:47px 14px;transform:rotate(calc(var(--i)*60deg + 30deg)) translateY(-102px) rotate(calc(var(--i)*-60deg - 30deg));font-size:9px}.roulette-preview-center{width:82px;height:82px;border-width:5px}}