*{box-sizing:border-box}body{color:#eef3ff;background:radial-gradient(circle at 70% 10%,#17104a 0,#080b20 34%,#040612 100%);margin:0;font-family:Inter,system-ui,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{background:linear-gradient(#10133a,#070a1b);border-right:1px solid #252a63;width:245px;min-height:100vh;padding:20px 16px;position:sticky;top:0}.logo{align-items:center;gap:10px;margin:4px 8px 26px;display:flex}.logo-mark{color:#ff4d68;text-shadow:0 0 20px #ff1744;font-size:40px}.logo b{letter-spacing:.04em;font-size:23px;display:block}.logo small{color:#ff3d61;letter-spacing:.1em;font-size:9px;font-weight:800;display:block}nav{gap:5px;display:grid}nav button{color:#d4d9f3;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;height:43px;padding:0 12px;font:600 13px inherit}nav button span{color:#74a7ff;width:28px;font-size:18px;display:inline-block}nav button.active{color:#fff;background:linear-gradient(90deg,#ff3f46,#8a1d9d);box-shadow:0 5px 24px #ff174455}nav button:nth-child(3) span,nav button:nth-child(6) span{color:#54f5d5}.account-card,.help-card{background:linear-gradient(135deg,#151548,#0c1538);border:1px solid #33357e;border-radius:10px;margin-top:20px;padding:14px}.account-card h4{letter-spacing:.06em;margin:0 0 15px;font-size:11px}.account-card div{color:#8f9bc3;justify-content:space-between;margin:10px 0;font-size:11px;display:flex}.account-card b{color:#fff}.profit{color:#2df39b!important}.help-card{color:#fff;background:linear-gradient(90deg,#6322d8,#321b89);border-color:#8b4cff;font-size:12px}.help-card span{margin-left:8px}.workspace{flex:1;min-width:0;padding:18px 18px 12px}.topbar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.connection-pill{background:#0c1027;border:1px solid #30386b;border-radius:9px;align-items:center;gap:11px;padding:10px 14px;font-size:12px;display:flex}.connection-pill span:not(.live-dot){color:#d9ddf0}.connection-pill strong{color:#aeb8d8;font-weight:500}.live-dot{background:#22e69b;border-radius:50%;width:10px;height:10px;box-shadow:0 0 14px #22e69b}.top-actions{color:#d9def6;align-items:center;gap:20px;display:flex}.top-actions select{color:#fff;background:#0c1028;border:1px solid #354079;border-radius:8px;padding:10px 22px}.profile{border-left:1px solid #30355a;align-items:center;gap:8px;padding-left:18px;display:flex}.profile em{color:#ffcf35;font-size:10px;font-style:normal}.controls{color:#8d98bc;align-items:center;gap:10px;margin:8px 0 12px;font-size:11px;display:flex}.connect{color:#fff;background:linear-gradient(90deg,#ff394a,#c526d9);border:0;border-radius:7px;padding:9px 15px;font-weight:800}.dashboard{grid-template-columns:1fr 1.65fr .75fr 1.35fr;align-items:start;gap:12px;display:grid}.panel{background:linear-gradient(145deg,#0e1230dd,#090d22ee);border:1px solid #29346e;border-radius:9px;padding:14px;box-shadow:0 8px 30px #0004}.panel header{letter-spacing:.05em;color:#f0f3ff;margin-bottom:12px;font-size:12px;font-weight:800}.panel header small{float:right;color:#8490b7;font-weight:500}.current{grid-column:1}.current>strong{letter-spacing:-.04em;margin:16px 0;font-size:34px;display:block}.current>div{color:#b9c2df;font-size:12px}.digit-badge{background:#ff354b;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-left:7px;display:inline-flex;box-shadow:0 0 18px #ff174477}.current footer{color:#8490b7;border-top:1px solid #242b54;margin-top:14px;padding-top:11px;font-size:10px}.current footer span{float:right;color:#ff5664}.stream{grid-column:2}.digit-stream{flex-wrap:wrap;gap:7px;margin:25px 0 28px;display:flex}.digit-stream span,.candidate-digit{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;font-weight:900;display:inline-flex;box-shadow:0 0 14px #0008}.red{background:#f42d47!important}.orange{background:#ff841b!important}.yellow{color:#1b1830!important;background:#f7c928!important}.green{background:#18c85d!important}.cyan{background:#08cbd0!important}.blue{background:#277cff!important}.violet{background:#813cff!important}.pink{background:#dc38df!important}.rose{background:#ff4d91!important}.amber{background:#f5a313!important}.stream-line{color:#7f8bb1;align-items:center;gap:10px;font-size:9px;display:flex}.stream-line i{background:linear-gradient(90deg,#10b9dd,#6c47ff,#e02d8f);border-radius:3px;flex:1;height:3px}.connection{text-align:center}.connection .wifi{color:#2be795;text-shadow:0 0 25px #2be795;margin:8px;font-size:50px}.connection>b{color:#34ed9a;display:block}.connection>span{color:#8893b8;margin-top:9px;font-size:10px;display:block}.distribution{grid-column:1/3;min-height:285px}.bars{align-items:end;gap:10px;height:215px;padding:10px 8px;display:flex}.bar-wrap{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:5px;height:100%;display:flex}.bar-wrap label{color:#cdd5ef;font-size:9px}.bar{border-radius:5px 5px 2px 2px;width:70%;min-height:12px;box-shadow:0 0 15px #0005}.bar-wrap small{color:#9aa6ca}.candidates{grid-column:3/5}.candidate{border-top:1px solid #242b54;grid-template-columns:35px 1fr 1fr 1fr 38px;align-items:center;gap:8px;padding:10px 0;display:grid}.candidate span small,.candidate span strong{display:block}.candidate span small{color:#7783aa;font-size:8px}.candidate span strong{font-size:12px}.good{color:#2bea94}.bad{color:#ff5164}.score{border:2px solid #b638e9;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:10px;display:flex}.stats{grid-column:1}.stats div{color:#8f9bc0;border-bottom:1px solid #232a52;justify-content:space-between;padding:7px 0;font-size:10px;display:flex}.stats b{color:#e9edff}.matrix{grid-column:2/4}.matrix-grid{grid-template-columns:repeat(10,1fr);font-size:9px;display:grid}.matrix-grid span{color:#c8d0eb;background:#131942;border:1px solid #252d57;justify-content:center;align-items:center;min-height:27px;display:flex}.matrix-grid span:nth-child(10n+1){font-weight:900}.runs{grid-column:4}.run{border-radius:6px;align-items:center;gap:8px;height:29px;margin:6px 0;padding:0 8px;display:flex}.run b{border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;display:flex}.run span{flex:1;font-size:10px}.run strong{font-size:11px}.runs footer{color:#8d99bd;border-top:1px solid #262d55;margin-top:10px;padding-top:10px;font-size:9px}.runs footer b{float:right;color:#fff}.right-column{grid-area:3/4/5;gap:12px;display:grid}.manual header{color:#ff5260}.manual>small{color:#9ba6c6;font-size:9px}.digit-picker{grid-template-columns:repeat(5,1fr);gap:7px;margin:9px 0 14px;display:grid}.digit-picker button,.stake-row button{color:#dfe5ff;background:#0b1028;border:1px solid #30396b;border-radius:6px;height:34px;font-weight:800}.digit-picker button.selected,.stake-row button.selected{background:linear-gradient(135deg,#ff3c49,#e326d7);border-color:#ff5964}.manual label{color:#9ba6c6;font-size:9px;display:block;position:relative}.manual input{color:#fff;background:#080c21;border:1px solid #31396b;border-radius:6px;width:100%;height:38px;margin-top:6px;padding:0 50px 0 10px}.manual label span{color:#7f8ab0;font-size:9px;position:absolute;bottom:11px;right:10px}.stake-row{grid-template-columns:repeat(4,1fr);gap:6px;margin:9px 0;display:grid}.payout{color:#98a3c2;justify-content:space-between;margin:14px 0;font-size:10px;display:flex}.payout b{color:#fff}.trade-btn{color:#fff;background:linear-gradient(90deg,#ff9e00,#ff1a7e);border:0;border-radius:7px;width:100%;height:42px;font-weight:900}.manual p{color:#69769e;font-size:8px;line-height:1.5}.session div{color:#909bbd;border-bottom:1px solid #232a52;justify-content:space-between;padding:8px 0;font-size:9px;display:flex}.session b{color:#fff}.toggle{background:#1ee895;border-radius:15px;width:30px;height:15px;display:inline-block;box-shadow:0 0 10px #1ee895}.performance{text-align:left}.performance>strong{color:#29ed9a;font-size:18px;display:block}.mini-chart{color:#2fe99c;letter-spacing:1px;height:55px;margin-top:10px;font-size:20px}.app-footer{text-align:center;color:#59668c;padding:14px;font-size:9px}@media (width<=1200px){.sidebar{width:205px}.dashboard{grid-template-columns:1fr 1fr}.current,.stream,.connection,.distribution,.candidates,.stats,.matrix,.runs,.right-column{grid-area:auto}.right-column{grid-template-columns:1fr 1fr 1fr;display:grid}.right-column .manual{grid-column:1/-1}}@media (width<=800px){.app-shell{display:block}.sidebar{width:100%;min-height:auto;position:relative}.sidebar nav{grid-template-columns:repeat(2,1fr)}.workspace{padding:10px}.dashboard,.right-column{grid-template-columns:1fr}.top-actions{display:none}.distribution,.candidates,.matrix{min-width:0}.bars{gap:4px}}
