:root{--bg:#070a0f;--side:#0b1018;--panel:#111823;--line:#253147;--text:#f5f7fb;--muted:#8f9caf;--gold:#e7c15c;--green:#4bd19a;--red:#ff7373;--blue:#72a8ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.side{background:linear-gradient(180deg,#0d131d,#090d13);border-left:1px solid var(--line);padding:18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-weight:950;margin-bottom:24px}.brand img{width:42px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em}.menu{display:flex;flex-direction:column;gap:5px}.menu button,.menu a{background:transparent;border:0;color:#aeb8c8;text-align:right;padding:11px 12px;border-radius:10px;cursor:pointer;font-weight:700}.menu button.active,.menu button:hover,.menu a:hover{background:#151d2a;color:white}.sideBottom{position:absolute;bottom:18px;right:18px;left:18px}.main{padding:24px 28px}.top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px}.top h1{margin:0;font-size:26px}.sub{color:var(--muted);font-size:12px}.btn{border:1px solid var(--line);background:#0e151f;color:#fff;padding:10px 13px;border-radius:10px;cursor:pointer;font-weight:800}.btn.gold{background:linear-gradient(135deg,#efcf73,#ad7e27);border:0;color:#161107}.btn.red{color:#ff9999}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card,.panel{background:linear-gradient(180deg,#111823,#0e141e);border:1px solid var(--line);border-radius:16px}.card{padding:17px}.card strong{display:block;font-size:25px;margin-top:8px}.label{color:var(--muted);font-size:11px}.panel{margin-top:14px;overflow:hidden}.ph{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.ph b{font-size:14px}.body{padding:17px}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;border:1px solid var(--line)}.ok{color:var(--green)}.warn{color:var(--gold)}.bad{color:var(--red)}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:10px;border-bottom:1px solid #202b3b;text-align:right;font-size:12px}.table th{color:#9ca9bb;background:#0c1119}.scroll{overflow:auto}.view{display:none}.view.active{display:block}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field label{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;background:#090e15;border:1px solid var(--line);color:#fff;padding:11px;border-radius:10px}.notice{padding:12px;border-radius:11px;background:#111b29;border:1px solid #263953;color:#b6cbe7;font-size:12px;margin:10px 0}.heroRow{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.big{font-size:36px;font-weight:950}.progress{height:8px;background:#080d13;border-radius:99px;overflow:hidden;margin-top:9px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#b98b2f,#f0d477);width:0}.empty{padding:28px;text-align:center;color:var(--muted)}.toast{position:fixed;left:20px;bottom:20px;padding:11px 14px;background:#151d29;border:1px solid var(--line);border-radius:10px;display:none;z-index:50}.toast.show{display:block}@media(max-width:980px){.app{grid-template-columns:1fr}.side{height:auto;position:relative;border-left:0;border-bottom:1px solid var(--line)}.menu{display:grid;grid-template-columns:repeat(3,1fr)}.sideBottom{position:static;margin-top:12px}.grid{grid-template-columns:repeat(2,1fr)}.heroRow{grid-template-columns:1fr}}@media(max-width:620px){.main{padding:14px}.grid,.formgrid{grid-template-columns:1fr}.menu{grid-template-columns:repeat(2,1fr)}.top{align-items:flex-start}.big{font-size:28px}}

/* R10R14 premium YBX identity — shared Admin / Customer Portal */
:root{--bg:#05080b;--panel:#0a141d;--panel2:#0d1a25;--line:#1b3446;--text:#f4f1e9;--muted:#7f919e;--gold:#edc45c;--gold2:#a56d18;--green:#50e19b;--red:#ff7474;--blue:#40b8ef}
body{background:radial-gradient(circle at 16% -10%,rgba(201,148,37,.11),transparent 28%),radial-gradient(circle at 84% 16%,rgba(20,92,130,.12),transparent 32%),#05080b;background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:46px 46px;z-index:-1}
.side{background:linear-gradient(180deg,rgba(8,16,23,.99),rgba(4,9,13,.99))!important;border-left:1px solid #183143!important;box-shadow:20px 0 70px rgba(0,0,0,.22)}
.brand{direction:ltr}.brand img{width:46px!important;height:46px;filter:drop-shadow(0 0 18px rgba(237,196,92,.14))}.brand>div{color:var(--gold);letter-spacing:.025em}.brand small{color:#b18933!important;letter-spacing:.17em!important}
.menuGroup{color:#6c7e8b!important;border-top:1px solid #142a38!important;margin-top:11px!important;padding-top:16px!important}.menu button,.menu a{border:1px solid transparent!important;border-radius:8px!important;color:#899ba6!important;transition:.2s!important}.menu button.active,.menu button:hover,.menu a:hover{background:linear-gradient(90deg,rgba(38,82,111,.36),rgba(21,39,52,.15))!important;border-color:#21445b!important;color:#f2d375!important;box-shadow:inset 3px 0 #dbaa3b}
.main{max-width:1900px;width:100%}.top{padding-bottom:18px;border-bottom:1px solid rgba(237,196,92,.11)}.top h1{font-size:28px;letter-spacing:-.02em}.sub{color:#718694!important}.card,.panel{background:linear-gradient(180deg,rgba(11,23,33,.96),rgba(7,15,22,.98))!important;border:1px solid #1a374a!important;border-radius:12px!important;box-shadow:0 18px 50px rgba(0,0,0,.16)}.card{position:relative;overflow:hidden}.card:before{content:"";position:absolute;right:0;left:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,188,74,.36),transparent)}.card strong{color:#f6f2e9}.ph{background:linear-gradient(90deg,rgba(18,39,53,.2),transparent);border-bottom-color:#173245!important}.ph b{color:#f1e8d5}.btn{border-radius:7px!important;background:#08121a!important;border-color:#264153!important;transition:.2s}.btn:hover{border-color:#7b6229!important;transform:translateY(-1px)}.btn.gold{background:linear-gradient(180deg,#f2cf70,#c28b27)!important;color:#151006!important;border:1px solid #f7d77b!important;box-shadow:0 0 26px rgba(215,164,49,.12)}.btn.success{color:#65e5a7!important;border-color:#246048!important}.table th{background:#071018!important;color:#8598a5!important;border-bottom:1px solid #1a384b!important}.table td{border-bottom-color:#142e3f!important}.table tbody tr:hover{background:rgba(38,80,105,.12)}.field input,.field select,.field textarea,.filters input,.filters select,.engineToolbar input,.engineToolbar select{background:#050c12!important;border-color:#203d4e!important;border-radius:7px!important}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:#8b6c28!important;box-shadow:0 0 0 3px rgba(218,169,54,.07)}.notice{background:#081722!important;border-color:#22445c!important}.engineChart{background:#061018!important;border-color:#17384d!important}.engineItem{background:#07121a!important;border-color:#18384c!important}.engineItem.critical{border-color:#7d3131!important;background:linear-gradient(90deg,rgba(111,28,28,.18),#07121a)!important;color:#ffaaaa}.engineItem.goodbox{border-color:#255b45!important;background:linear-gradient(90deg,rgba(24,89,61,.16),#07121a)!important}.enginePill{background:#071018}.engineBulk{background:#0b1b27!important;border-color:#28475b!important}.engineSheet{background:#07111a!important;border-color:#294b61!important}.engineSheetHead{background:#07111a!important;border-color:#18394b!important}.engineSectionTitle:before{background:linear-gradient(180deg,#ffe185,#9c6718)!important}.kpi:after{background:linear-gradient(90deg,#e6b746,transparent)!important}.status.ok{color:#56e5a2;border-color:#235f48;background:rgba(36,95,72,.13)}.status.danger{color:#ff8d8d;border-color:#783333;background:rgba(120,51,51,.12)}.activationBox{margin-top:16px!important;border-color:#5c4921!important}.chip{background:#07131c}
@media(max-width:980px){.side{position:relative!important}.menu{grid-template-columns:repeat(2,1fr)!important}.menuGroup{grid-column:1/-1}.main{padding:16px!important}}@media(max-width:620px){.menu{grid-template-columns:1fr 1fr!important}.top h1{font-size:22px}.top{flex-direction:column}.grid{grid-template-columns:1fr!important}}

/* R10R14R15 — premium customer control center */
.cpBody{min-height:100vh}.cpMain{padding:28px 34px 48px}.cpBrand{padding:8px 2px 18px;margin-bottom:12px;border-bottom:1px solid rgba(237,196,92,.12)}.cpAccountMini{display:flex;align-items:center;gap:10px;padding:12px;margin:0 0 16px;border:1px solid #173548;border-radius:12px;background:linear-gradient(135deg,rgba(18,46,64,.62),rgba(9,18,26,.9))}.cpAccountMini b,.cpAccountMini small{display:block}.cpAccountMini b{font-size:12px}.cpAccountMini small{font-size:10px;color:#788c9a;margin-top:3px}.cpPulse{width:10px;height:10px;border-radius:50%;background:#4fe39e;box-shadow:0 0 0 5px rgba(79,227,158,.08),0 0 16px rgba(79,227,158,.6)}.cpMenu button{display:flex!important;gap:10px;align-items:center}.cpMenu button span{width:22px;color:#d8b455;text-align:center}.cpLogout{width:100%;color:#aab8c2}.cpEyebrow{font-size:10px;letter-spacing:.2em;color:#b88f36;font-weight:900;text-transform:uppercase;margin-bottom:7px}.cpTopState{display:flex;align-items:center;gap:9px}.cpLiveDot{font-size:10px;font-weight:900;color:#58e1a3;border:1px solid #265c49;border-radius:999px;padding:5px 8px;background:rgba(31,104,76,.12)}
.cpHero{position:relative;min-height:270px;padding:34px;border:1px solid #2e482f;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;background:radial-gradient(circle at 82% 34%,rgba(232,188,74,.16),transparent 28%),linear-gradient(135deg,#0b1b27 0%,#08121b 52%,#100f0a 100%);box-shadow:0 28px 80px rgba(0,0,0,.27)}.cpHero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,rgba(255,224,132,.035) 45%,transparent 70%);transform:translateX(-40%);animation:cpShine 8s linear infinite}.cpHeroGlow{position:absolute;width:300px;height:300px;border:1px solid rgba(231,193,92,.16);border-radius:50%;left:-120px;top:-120px;box-shadow:0 0 120px rgba(200,146,30,.08)}@keyframes cpShine{0%{transform:translateX(-55%)}100%{transform:translateX(90%)}}.cpHeroContent{position:relative;z-index:2;max-width:760px}.cpHero h2{font-size:32px;line-height:1.35;margin:0 0 13px}.cpHero p{color:#9aacb8;max-width:680px;line-height:1.9;margin:0}.cpHeroActions{display:flex;gap:9px;margin-top:22px;flex-wrap:wrap}.cpOrb{justify-self:center;position:relative;width:170px;height:170px;border:1px solid rgba(231,193,92,.26);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle,rgba(227,185,72,.11),rgba(6,14,20,.35) 62%,transparent 63%);box-shadow:inset 0 0 40px rgba(229,190,80,.06),0 0 70px rgba(0,0,0,.3)}.cpOrb:before,.cpOrb:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(72,170,218,.12);inset:-16px}.cpOrb:after{inset:20px;border-color:rgba(231,193,92,.13)}.cpOrb img{width:68px;filter:drop-shadow(0 0 18px rgba(231,193,92,.2))}.cpOrb span{font-size:22px;font-weight:950;color:#f0cd6b;letter-spacing:.16em;margin-top:8px}.cpOrb small{font-size:8px;color:#7690a0;letter-spacing:.2em}.cpKpis{margin-top:14px}.cpMetric{min-height:132px}.cpMetricIcon{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:9px;background:#0b1f2d;border:1px solid #24445a;color:#e6bb52;margin-bottom:12px}.cpMetric small{color:#6f8493;font-size:10px}.cpStatusRail{margin-top:14px}.cpRail{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.cpRailItem{display:flex;align-items:center;gap:11px;padding:9px 14px;position:relative}.cpRailItem:not(:last-child):after{content:"";position:absolute;left:-1px;top:20%;bottom:20%;width:1px;background:#1b384a}.cpRailItem>span{display:flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;background:#09131b;border:1px solid #2a4556;color:#8096a4;font-weight:900}.cpRailItem.done>span{color:#57e0a0;border-color:#2c7154;background:rgba(34,107,75,.13)}.cpRailItem b,.cpRailItem small{display:block}.cpRailItem b{font-size:12px}.cpRailItem small{color:#718694;font-size:10px;margin-top:3px}.cpMiniGrid{grid-template-columns:repeat(2,1fr)}.cpSummaryBroker{display:flex;gap:14px;align-items:center}.cpBrokerAvatar{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(135deg,#0a2231,#14202c);border:1px solid #2b4b5e;color:#e9c35c;font-weight:950}
.cpPageLead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:8px 4px 14px}.cpPageLead h2{margin:0 0 6px;font-size:28px}.cpPageLead p{margin:0;color:#7f929e;line-height:1.7}.cpTwoCols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cpActionPanel{height:fit-content}.cpWide{width:100%;margin-top:14px}.cpSecurityNote{padding:10px 12px;background:rgba(30,105,76,.1);border:1px solid #275f49;border-radius:9px;color:#8ac7ac;font-size:11px;margin-top:10px}.cpCurrentAccount{min-height:72px}.cpAccountIdentity{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cpAccountIdentity>div{padding:12px;border:1px solid #18394c;border-radius:10px;background:#07121a}.cpAccountIdentity span,.cpAccountIdentity b{display:block}.cpAccountIdentity b{margin-top:6px;font-size:13px}.cpHostingHero{display:flex;gap:15px;align-items:flex-start}.cpHostingIcon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(231,193,92,.08);border:1px solid #5c4921;color:#efcb69;font-size:24px}.cpHostingHero b{font-size:16px}.cpHostingHero p{margin:7px 0 0;color:#7e929f;line-height:1.7}.cpLockLine{margin-top:14px;padding:11px;border:1px dashed #604a22;border-radius:9px;color:#c5a95e;background:rgba(115,80,14,.08);font-size:11px}.cpLockedDownload{text-align:center;padding:20px}.cpLockMark{font-size:38px;margin-bottom:8px}.cpLockedDownload b{display:block;font-size:18px}.cpLockedDownload p{color:#7e929f;max-width:620px;margin:8px auto 16px;line-height:1.8}.cpLockedDownload .btn[disabled]{opacity:.42;cursor:not-allowed;transform:none!important}.cpDownloadReady{display:flex;justify-content:space-between;align-items:center;gap:14px}.cpDownloadReady p{margin:5px 0 0;color:#7e929f}.cpBotState{display:flex;align-items:center;gap:18px}.cpBotRing{width:70px;height:70px;border-radius:50%;border:1px solid #305147;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 25px rgba(63,209,145,.08)}.cpBotRing span{width:14px;height:14px;border-radius:50%;background:#4edb9a;box-shadow:0 0 18px rgba(78,219,154,.8)}.cpBotMeta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.cpBotMeta span{font-size:9px;color:#758b99;border:1px solid #1a3748;border-radius:999px;padding:4px 7px}.cpProfile{display:flex;gap:14px;align-items:center}.cpProfileAvatar{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#173249,#362c15);border:1px solid #5f4a21;color:#f1cf73;font-size:22px;font-weight:950}.cpPlan .btn{margin-top:16px}.cpPerfGrid{grid-template-columns:repeat(5,1fr)}.cpMiniBtn{padding:6px 9px;font-size:10px}.cpActionPanel .btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}
@media(max-width:1100px){.cpHero{grid-template-columns:1fr}.cpOrb{display:none}.cpRail{grid-template-columns:repeat(2,1fr)}.cpTwoCols{grid-template-columns:1fr}.cpPerfGrid{grid-template-columns:repeat(2,1fr)}.cpAccountIdentity{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.cpMain{padding:14px}.cpHero{padding:22px;min-height:230px}.cpHero h2{font-size:24px}.cpRail{grid-template-columns:1fr}.cpRailItem:not(:last-child):after{left:18px;right:18px;bottom:-1px;top:auto;width:auto;height:1px}.cpAccountIdentity{grid-template-columns:1fr}.cpDownloadReady{align-items:flex-start;flex-direction:column}.cpDownloadReady .btn{width:100%}.cpPageLead{align-items:flex-start;flex-direction:column}.cpTopState{align-self:flex-start}.cpPerfGrid{grid-template-columns:1fr}.cpKpis{grid-template-columns:1fr 1fr!important}}