:root{--bg:#080808;--surface:#101010;--surface2:#171717;--line:#292929;--text:#fffdf5;--muted:#99958c;--yellow:#ffd21f;--orange:#f5a800;--green:#83e36b;--danger:#ff7373;--radius:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#080808;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app-shell{max-width:760px;margin:auto;min-height:100vh;padding:env(safe-area-inset-top) 16px calc(92px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at top,#18140a 0%,#080808 36%)}.topbar{height:67px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{background:none;border:0;color:var(--text);font-weight:900;letter-spacing:2px;font-size:17px;display:flex;align-items:center;gap:9px;padding:0}.brand-mark{width:34px;height:34px;object-fit:cover;border-radius:10px;box-shadow:0 0 24px #e3a00044}.topbar-actions{display:flex;align-items:center;gap:9px}.balance-pill{border:1px solid #57480b;background:#1a170b;color:#ffe476;border-radius:99px;padding:7px 10px;font-size:12px;font-weight:750;white-space:nowrap}.round-button{width:32px;height:32px;border-radius:50%;color:#b7b2a6;border:1px solid var(--line);background:#151515;font-size:18px;line-height:1}.page{min-height:calc(100vh - 160px)}.screen-loader{height:55vh;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted)}.screen-loader i{width:30px;height:30px;border:3px solid #42380b;border-top-color:var(--yellow);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero{position:relative;overflow:hidden;min-height:235px;border-radius:26px;padding:25px;background:#0e0e0e url("./insight-gold-hero.png") center/cover no-repeat;border:1px solid #2c2814;display:flex;align-items:flex-end}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080808 0%,#080808e6 42%,#08080822 100%)}.hero>*{position:relative}.eyebrow{font-size:11px;color:#ffdc5f;letter-spacing:1.5px;font-weight:800;text-transform:uppercase}.hero h1{font-size:31px;line-height:1.04;margin:7px 0 11px;max-width:360px}.hero p{color:#c3bdb0;margin:0;max-width:330px;font-size:14px;line-height:1.45}.section{margin-top:25px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}.section-title h2{font-size:18px;margin:0}.link-button{border:0;background:none;padding:4px;color:#ffdc5f;font-size:13px}.grid{display:grid;gap:11px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(145deg,#151515,#101010);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card strong{display:block;font-size:15px}.card small,.muted{color:var(--muted);font-size:12px}.card p{color:#d0cbc0;margin:9px 0 0;font-size:13px;line-height:1.4}.quick-card{min-height:114px;text-align:left;color:var(--text);position:relative;overflow:hidden}.quick-card .icon{font-size:24px;display:block;margin-bottom:14px}.quick-card:after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;background:#ffd21f12;right:-16px;bottom:-23px}.quick-card:hover{border-color:#7d6511}.primary,.secondary,.danger{border:0;border-radius:13px;padding:13px 16px;font-weight:800}.primary{color:#171300;background:linear-gradient(110deg,#ffe564,#ffc415 55%,#ec9d00);box-shadow:0 8px 22px #d594001e}.secondary{color:#fff;background:#242424;border:1px solid #373737}.danger{color:#ff9a9a;background:#331616;border:1px solid #642727}.wide{width:100%}.page-heading{margin:13px 0 20px}.page-heading h1{font-size:27px;margin:0 0 6px}.page-heading p{margin:0;color:var(--muted);font-size:14px}.balance-card{background:linear-gradient(120deg,#272006,#15130a);border-color:#685611;padding:21px}.balance-amount{font-size:32px;font-weight:900;margin:7px 0}.tabs{display:flex;gap:8px;overflow:auto;padding:2px 1px 10px;scrollbar-width:none}.tab{white-space:nowrap;border:1px solid var(--line);background:#151515;color:#bbb4a8;border-radius:99px;padding:9px 13px;font-size:12px;font-weight:750}.tab.active{background:#f8c920;color:#1b1600;border-color:#f8c920}.list{display:grid;gap:10px}.list-row{display:flex;gap:12px;align-items:center}.list-row>.icon{width:41px;height:41px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:#242008;color:#ffdb4f;font-size:19px}.list-row .grow{flex:1;min-width:0}.list-row .amount{font-size:13px;font-weight:800;text-align:right}.status{font-size:10px;border-radius:99px;padding:4px 7px;background:#202020;color:#bbb}.status.ok{background:#183019;color:#a7ec92}.status.wait{background:#33290d;color:#ffe178}.empty{padding:28px 15px;text-align:center;color:var(--muted)}.form-card{display:grid;gap:11px}.field{display:grid;gap:6px}.field label{font-size:12px;color:#b6b0a5;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #343434;background:#0b0b0b;border-radius:12px;padding:12px;color:var(--text);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#e8b814;box-shadow:0 0 0 3px #e8b81418}.field textarea{min-height:105px;resize:vertical}.inline-actions{display:flex;gap:9px}.inline-actions>*{flex:1}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);padding:9px 11px calc(10px + env(safe-area-inset-bottom));background:#101010f2;backdrop-filter:blur(14px);border-top:1px solid #252525;display:flex;justify-content:space-around}.bottom-nav button{border:0;background:none;color:#817d74;font-size:10px;display:grid;gap:3px;justify-items:center;padding:3px 7px}.bottom-nav button span{font-size:21px;line-height:19px}.bottom-nav button.active{color:#ffda45}.toast{position:fixed;z-index:50;left:50%;bottom:96px;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:calc(100% - 36px);background:#eee7d7;color:#16130d;border-radius:14px;padding:12px 15px;font-size:13px;font-weight:700;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}.toast.error{background:#6c2525;color:#fff}.modal-backdrop{position:fixed;z-index:40;inset:0;background:#0009;display:grid;align-items:end}.modal{background:#151515;border-radius:25px 25px 0 0;max-height:90vh;overflow:auto;padding:21px 16px calc(26px + env(safe-area-inset-bottom));border-top:1px solid #393939}.modal-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:17px}.modal-header h2{font-size:20px;margin:0}.close-modal{border:0;background:#292929;color:#fff;width:30px;height:30px;border-radius:50%;font-size:21px}.purchase-card{display:flex;flex-direction:column;gap:10px}.price{color:#ffda45;font-size:16px;font-weight:900}.admin-banner{margin-bottom:16px;padding:14px;border:1px solid #85690d;border-radius:14px;background:#2b2308;color:#ffe57a;font-size:13px}.chat{display:grid;gap:8px;max-height:48vh;overflow:auto;padding:5px}.bubble{max-width:85%;padding:10px 12px;border-radius:15px;background:#252525;font-size:13px;line-height:1.35}.bubble.mine{margin-left:auto;background:linear-gradient(135deg,#f8cf27,#dc9e00);color:#191400}.bubble small{display:block;margin-top:5px;color:inherit;opacity:.65}.notice{padding:12px;border-radius:13px;background:#1b1b1b;border:1px solid #303030;color:#c9c3b8;font-size:13px;line-height:1.4}.code{font-family:ui-monospace,Consolas,monospace;word-break:break-all}@media(min-width:640px){.app-shell{padding-left:24px;padding-right:24px}.grid.three{grid-template-columns:repeat(3,1fr)}.modal{width:min(620px,100%);justify-self:center;border-radius:24px;margin-bottom:30px}}
.loader-game{height:55vh;min-height:390px;align-content:center;gap:20px;color:var(--text);padding:10px}.loader-copy{display:grid;gap:7px;text-align:center;max-width:340px}.loader-copy strong{font-size:18px;line-height:1.25}.loader-copy>span:last-child{color:var(--muted);font-size:13px;line-height:1.4}.loader-kicker{color:#ffdc5f;font-size:10px;font-weight:900;letter-spacing:1.6px}.loader-playfield{position:relative;width:min(340px,calc(100vw - 52px));height:155px;overflow:hidden;border:1px solid #493b0b;border-radius:20px;background:radial-gradient(circle at 50% 38%,#3d30051f,#11100a 62%,#0b0b0b)}.loader-playfield:before{content:"";position:absolute;inset:13px;border:1px dashed #604d104d;border-radius:14px}.loader-score{position:absolute;z-index:1;top:13px;left:16px;color:#b9b09a;font-size:12px}.loader-score b{color:#ffe16a;font-size:15px;margin-left:4px}.loader-target{--target-x:48%;--target-y:55%;position:absolute;left:var(--target-x);top:var(--target-y);width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:50%;color:#241b00;background:radial-gradient(circle at 35% 30%,#fff3a0,#ffd21f 55%,#e8a400);box-shadow:0 0 0 7px #ffd21f12,0 0 28px #e8a400a6;transform:translate(-50%,-50%);transition:left .18s ease,top .18s ease,transform .15s ease}.loader-target span{font-size:24px;line-height:1}.loader-target.hit{animation:loader-hit .24s ease}.loader-target:active{transform:translate(-50%,-50%) scale(.84)}@keyframes loader-hit{50%{box-shadow:0 0 0 16px #ffd21f00,0 0 38px #ffe45db3;transform:translate(-50%,-50%) scale(1.16)}}
/* Transaction and order states */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.error-notice{border-color:#6b2929;background:#251313;color:#ffb0a8}.warning-note{border-color:#695514;background:#241e0b;color:#f6dfa0}
.modal-actions{display:grid;gap:9px;margin-top:3px}.confirmation-copy{display:grid;gap:10px}.confirm-row,.confirm-total{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.confirm-row span,.confirm-total span{color:var(--muted)}.confirm-row b,.confirm-total strong{text-align:right}.confirm-total{border-top:1px solid var(--line);padding-top:12px;margin-top:2px}.confirm-total strong{color:var(--yellow);font-size:20px}.break-all{word-break:break-all}
.order-card{display:grid;gap:12px}.order-actions{flex-wrap:wrap}.order-actions>*{min-width:118px}.order-metric{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #222}.order-metric:last-of-type{border-bottom:0}.order-metric span{color:var(--muted);font-size:12px}.order-metric b,.order-metric button{max-width:65%;text-align:right;font-size:12px;font-weight:800;word-break:break-all}.order-metric button{border:0;background:none;color:#ffe477;padding:0;text-decoration:underline;text-decoration-color:#6b5816;text-underline-offset:3px}
.copy-value{width:100%;display:grid;gap:5px;text-align:left;border:1px solid #3a3522;background:#121109;color:var(--text);border-radius:14px;padding:12px 13px}.copy-value span{font-family:ui-monospace,Consolas,monospace;font-size:13px;font-weight:800;word-break:break-all}.copy-value small{color:#d3b743;font-size:10px;text-transform:uppercase;letter-spacing:.45px}.success-value{border-color:#285b2b;background:#102012}.success-value span{color:#a8f393;font-size:21px}.button-link{display:block;text-align:center;text-decoration:none}.status.bad{background:#391919;color:#ff9999}
.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-grid>div{display:grid;gap:4px;padding:11px;border:1px solid #2c2c2c;border-radius:13px;background:#0d0d0d}.metric-grid small{color:var(--muted);font-size:10px;text-transform:uppercase}.metric-grid strong{font-size:14px}.compact-fields{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.compact-fields>.field{flex:1;min-width:105px}.stock-note{margin-left:auto;padding:12px;color:var(--muted);font-size:12px;white-space:nowrap}
.input-action{display:flex;gap:7px}.input-action input{flex:1}.mini-button{border:1px solid #454545;background:#252525;color:#fff;border-radius:11px;padding:0 12px;font-weight:800}.offer-chips{display:flex;gap:7px;overflow:auto;padding:10px 0 3px;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid #443a13;background:#191609;color:#ffe375;border-radius:99px;padding:8px 11px;font-size:11px;font-weight:800}.pager{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:13px}.pager button{min-width:58px}.pager span{color:var(--muted);font-size:12px}
.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:4px;background:#0c0c0c;border:1px solid #292929;border-radius:14px;margin-bottom:13px}.segmented button{border:0;border-radius:10px;background:transparent;color:var(--muted);padding:10px;font-size:12px;font-weight:800}.segmented button.active{background:#28220c;color:#ffe16d}.sms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sms-service{min-height:76px;padding:10px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.sms-service strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sms-service small{font-size:9px}.country-list{max-height:62vh;overflow:auto;padding-right:2px}.proxy-items{max-height:65vh;overflow:auto}
.plain-row{width:100%;border:0;background:none;color:var(--text);padding:0;text-align:left}.check-row{display:flex;align-items:center;gap:9px;color:#d0cbc0;font-size:13px}.check-row input{width:18px;height:18px;accent-color:var(--yellow)}.preview-html,.broadcast-preview{line-height:1.5;word-break:break-word}.metric-row{padding:9px 0;border-bottom:1px solid #252525}.metric-row:last-child{border-bottom:0}.large-modal{max-height:94vh}
.loader-pulse{height:44px;display:flex;align-items:center;justify-content:center;gap:7px}.screen-loader .loader-pulse i{width:8px;height:8px;border:0;border-radius:50%;background:var(--yellow);animation:pulse-dot 1s ease-in-out infinite}.screen-loader .loader-pulse i:nth-child(2){animation-delay:.14s}.screen-loader .loader-pulse i:nth-child(3){animation-delay:.28s}@keyframes pulse-dot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-7px)}}
@media(max-width:430px){.app-shell{padding-left:12px;padding-right:12px}.hero{min-height:215px;padding:20px}.hero h1{font-size:27px}.grid.two{gap:8px}.quick-card{min-height:105px;padding:13px}.quick-card strong{font-size:13px}.bottom-nav button{padding:3px 4px;font-size:9px}.order-actions>*{min-width:calc(50% - 6px)}.order-actions>*:only-child{min-width:100%}.order-metric b,.order-metric button{max-width:58%}.modal{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.list-row .grow strong,.list-row .grow small{display:block}.list-row .grow small{margin-top:3px}
