/* CYRIUS unified customer theme v7.26.1. Generated; edit sources then run this builder. */
  :root{
    --bg:#070a12;--bg2:#0a1020;--panel:rgba(14,20,35,.72);--panel-strong:rgba(10,16,29,.92);
    --panel-hover:rgba(20,29,48,.88);--line:rgba(148,163,184,.14);--line-strong:rgba(148,163,184,.24);
    --text:#eef4ff;--muted:#8fa1bb;--blue:#3b82f6;--violet:#8b5cf6;--cyan:#22d3ee;--green:#34d399;
    --yellow:#fbbf24;--red:#fb7185;--surface:var(--panel);--surface-soft:rgba(255,255,255,.025);--surface-strong:var(--panel-strong);--surface-hover:var(--panel-hover);--surface-border:var(--line);--surface-border-strong:var(--line-strong);--accent-soft:rgba(59,130,246,.10);--radius:14px;--radius-lg:16px;--shadow:0 20px 60px rgba(0,0,0,.28);
    --glow:0 0 0 1px rgba(59,130,246,.05),0 16px 44px rgba(30,64,175,.10);--accent:linear-gradient(135deg,var(--blue),var(--violet) 58%,var(--cyan));
  }
  *{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.48;background:
    radial-gradient(circle at 12% -8%,rgba(59,130,246,.18),transparent 31%),
    radial-gradient(circle at 92% 8%,rgba(139,92,246,.17),transparent 29%),
    radial-gradient(circle at 72% 84%,rgba(34,211,238,.08),transparent 32%),linear-gradient(145deg,#060911 0%,#090e19 46%,#080b13 100%);background-attachment:fixed}
  body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.20;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
  a{color:#a8c8ff;text-decoration-color:rgba(96,165,250,.4)}a:hover{color:#d5e5ff}.shell{display:flex;gap:16px;min-height:100vh;padding:12px}.side{width:282px;flex:0 0 282px;background:rgba(7,12,22,.80);border:1px solid var(--line);border-radius:16px;padding:16px 14px;position:sticky;top:12px;height:calc(100vh - 24px);overflow-y:auto;overflow-x:hidden;backdrop-filter:blur(20px) saturate(125%);box-shadow:var(--shadow);z-index:120}.side::-webkit-scrollbar{width:7px}.side::-webkit-scrollbar-thumb{background:rgba(148,163,184,.20);border-radius:20px}.side::-webkit-scrollbar-track{background:transparent}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:900;letter-spacing:.025em;margin:0 4px 18px;padding:9px 7px 16px;border-bottom:1px solid var(--line)}.brand:before{content:"C";width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--accent);box-shadow:0 10px 30px rgba(59,130,246,.24);font-size:17px;color:white}.brand b{color:#c8d8ff}.navx{display:grid;gap:5px}.navx a{display:flex;text-decoration:none;padding:10px 12px;border-radius:12px;color:#a8b7cb;font-weight:690;font-size:13.5px;line-height:1.28;border:1px solid transparent;transition:.15s ease}.navx a:hover{color:#edf5ff;background:rgba(59,130,246,.065);border-color:rgba(96,165,250,.10);transform:translateX(2px)}.navx a.active{color:white;background:linear-gradient(90deg,rgba(59,130,246,.17),rgba(139,92,246,.11));border-color:rgba(96,165,250,.18);box-shadow:inset 3px 0 0 #60a5fa}.mainx{flex:1;padding:5px 8px 30px;min-width:0;max-width:1680px;margin:0 auto}.topx{position:sticky;top:12px;z-index:85;min-height:74px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(8,13,24,.72);backdrop-filter:blur(20px) saturate(125%);box-shadow:0 12px 38px rgba(0,0,0,.18)}.topx h2{font-size:23px;font-weight:850;letter-spacing:-.025em}.topx .muted{font-size:10.5px;text-transform:uppercase;letter-spacing:.10em;font-weight:750}.client-balance{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:12px;background:linear-gradient(145deg,rgba(59,130,246,.10),rgba(139,92,246,.07));border:1px solid rgba(96,165,250,.15)}.client-balance-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px rgba(34,211,238,.75)}.client-balance .value{font-size:15px;font-weight:850;color:#fff}.client-balance .label{font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.client-userbox{margin-top:20px;padding:13px 10px 6px;border-top:1px solid var(--line)}.client-user-name{font-size:12.5px;font-weight:800;color:#dce8f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-user-sub{font-size:10px;color:var(--muted);margin-top:2px}.cardx,.card{color:var(--text)!important;background:linear-gradient(145deg,rgba(16,23,39,.76),rgba(9,14,25,.72))!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 14px 38px rgba(0,0,0,.16)!important;backdrop-filter:blur(16px)}.cardx{padding:21px}.statx{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(59,130,246,.10),rgba(139,92,246,.07));border:1px solid rgba(96,165,250,.16);border-radius:14px;padding:18px;box-shadow:var(--glow)}.statx:after{content:"";position:absolute;width:90px;height:90px;right:-34px;top:-40px;border-radius:50%;background:rgba(34,211,238,.09);filter:blur(4px)}h1,h2,h3,h4,h5,h6{color:#f7faff;letter-spacing:-.015em}.muted,.text-secondary,.small-muted{color:var(--muted)!important}.orange,.text-warning{color:#8fc2ff!important}.btn,.btnx{border-radius:10px!important;font-weight:760;font-size:13px;padding:.58rem .92rem;transition:.15s ease}.btn-orange,.btn-warning,.btn-primary{background:var(--accent)!important;border:0!important;color:#fff!important;box-shadow:0 8px 22px rgba(59,130,246,.16)}.btn-orange:hover,.btn-warning:hover,.btn-primary:hover{filter:brightness(1.08);color:#fff!important;transform:translateY(-1px)}.btn-outline-light,.btn-outline-info,.btn-outline-secondary,.btn-outline-warning,.btn-outline-danger{color:#b9c5d8!important;border-color:var(--line-strong)!important;background:rgba(255,255,255,.025)!important}.btn-outline-light:hover,.btn-outline-info:hover,.btn-outline-secondary:hover,.btn-outline-warning:hover{color:#fff!important;background:rgba(59,130,246,.09)!important;border-color:rgba(96,165,250,.26)!important}.btn-danger{background:linear-gradient(135deg,#e11d48,#fb7185)!important;border:0!important}.btn-success{background:linear-gradient(135deg,#059669,#34d399)!important;border:0!important}.form-control,.form-select,.form-check-input{background:#0b1220!important;color:#eaf2ff!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:10px!important}.form-control,.form-select{min-height:42px;font-size:13px}.form-control::placeholder{color:#64748b!important}.form-control:focus,.form-select:focus,.form-check-input:focus{border-color:rgba(96,165,250,.65)!important;box-shadow:0 0 0 .19rem rgba(59,130,246,.11)!important}.form-check-input:checked{background-color:var(--blue)!important;border-color:var(--blue)!important}.table-responsive{overflow:auto;max-width:100%;border-radius:13px;border:1px solid rgba(148,163,184,.09);scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.20) transparent}.table{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-striped-bg:rgba(255,255,255,.018);--bs-table-striped-color:var(--text);margin:0;font-size:12.5px}.table>:not(caption)>*>*{background:transparent!important;color:#dce6f5!important;border-color:rgba(148,163,184,.09)!important;vertical-align:middle;padding:.72rem .75rem}.table thead th,.table-secondary th{background:#101725!important;color:#8fa1b8!important;text-transform:uppercase;letter-spacing:.075em;font-size:10.5px;font-weight:850;white-space:nowrap}.table tbody tr{transition:.12s ease}.table tbody tr:hover{background:rgba(59,130,246,.045)!important}.badge{border-radius:999px!important;font-size:10.5px;padding:.38rem .54rem}.bg-success{background:rgba(52,211,153,.14)!important;color:#6ee7b7!important}.bg-danger{background:rgba(251,113,133,.14)!important;color:#fda4af!important}.bg-warning{background:rgba(251,191,36,.14)!important;color:#fde68a!important}.bg-info{background:rgba(34,211,238,.13)!important;color:#67e8f9!important}.progress{height:7px;background:rgba(148,163,184,.10);border-radius:99px}.progress-bar{background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:99px}.alert{border-radius:12px!important;border:1px solid var(--line)!important;background:rgba(15,23,42,.80)!important;color:#dce6f5!important}.alert-success{border-color:rgba(52,211,153,.22)!important}.alert-danger{border-color:rgba(251,113,133,.24)!important}.alert-warning{border-color:rgba(251,191,36,.22)!important}.alert-info{border-color:rgba(34,211,238,.20)!important}.modal-content{background:#0b1220!important;border:1px solid var(--line)!important;border-radius:16px!important;color:var(--text)!important;box-shadow:var(--shadow)!important}.modal-header,.modal-footer{border-color:var(--line)!important}.btn-close{filter:invert(1) grayscale(1)}.news-grid,.package-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.copy-row{display:flex;gap:8px}.copy-row input{min-width:280px}.mobile-head{display:none}.client-overlay{display:none}.client-menu-btn{display:none}.client-glow-line{height:2px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--violet),var(--cyan));opacity:.65;margin:0 4px 12px}.empty-catalog{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:13px}.nav-tabs{border-color:var(--line)!important}.nav-tabs .nav-link{color:#91a1b7;border-radius:10px 10px 0 0!important}.nav-tabs .nav-link.active{color:#fff!important;background:rgba(59,130,246,.09)!important;border-color:var(--line)!important}


  /* v5.4 readability / density tuning */
  .mainx p,.mainx li,.mainx td,.mainx .form-text{line-height:1.48}
  .mainx h3{font-size:1.18rem;font-weight:820}.mainx h4{font-size:1.05rem;font-weight:800}
  .cardx>h3:first-child,.card>h3:first-child{margin-bottom:.85rem}
  .navx a{min-height:42px;align-items:center}.navx a.active{box-shadow:inset 3px 0 0 #60a5fa,0 6px 20px rgba(59,130,246,.06)}
  .side{scrollbar-gutter:stable}.side .btn{min-height:40px}
  .table thead th{padding-top:.78rem!important;padding-bottom:.78rem!important}
  @media(min-width:1400px){.side{width:292px;flex-basis:292px}.mainx{padding-left:10px;padding-right:10px}}

  /* Public / landing also follows the same SaaS visual language */
  .landing-nav{max-width:1180px;margin:12px auto 0;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:16px;background:rgba(8,13,24,.72);backdrop-filter:blur(20px);box-shadow:0 12px 38px rgba(0,0,0,.14)}.landing-links{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.landing-links a{text-decoration:none;padding:8px 10px;border-radius:9px;color:#aebcd0;font-size:12px}.landing-links a:hover{background:rgba(59,130,246,.08);color:#fff}.hero{max-width:1180px;margin:34px auto;padding:46px 22px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.hero h1{font-size:clamp(40px,6vw,76px);font-weight:950;line-height:.98;background:linear-gradient(135deg,#f8fbff 12%,#bfdbfe 56%,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-box{min-height:340px;border:1px solid rgba(96,165,250,.18);background:radial-gradient(circle at 50% 20%,rgba(59,130,246,.20),transparent 45%),linear-gradient(145deg,rgba(16,23,39,.82),rgba(9,14,25,.78));border-radius:24px;display:grid;place-items:center;font-size:90px;box-shadow:0 30px 80px rgba(0,0,0,.30)}.sectionx{max-width:1180px;margin:auto;padding:34px 22px}.footerx{max-width:1180px;margin:44px auto 0;padding:24px 22px;border-top:1px solid var(--line);color:var(--muted)}.catalog-shell,.catalog-category,.channel-item,.plan-card,.landing-step{border-color:var(--line)!important;background:rgba(14,20,35,.58)!important}.catalog-search{background:#0b1220!important;border-color:var(--line)!important;color:#fff!important}.catalog-more{color:#93c5fd!important}.channel-dot,.plan-price{color:var(--cyan)!important}.landing-step b{background:var(--accent)!important;color:#fff!important}

  @keyframes cyPageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes cyCardIn{from{opacity:0;transform:translateY(10px) scale(.988)}to{opacity:1;transform:none}}.mainx,.hero,.sectionx{animation:cyPageIn .24s ease-out both}.cardx,.statx,.card{animation:cyCardIn .28s ease-out both}.cardx,.statx,.card,.btn,.navx a{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,border-color .16s ease,background-color .16s ease}.cardx:hover{border-color:rgba(96,165,250,.20)!important;box-shadow:0 18px 46px rgba(0,0,0,.22)!important}.btn:active{transform:translateY(0) scale(.985)}
  @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
  @media(max-width:1180px){.news-grid,.package-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.side{width:258px;flex-basis:258px}.navx a{font-size:13px;padding:9px 10px}}
  @media(max-width:900px){.shell{display:block;padding:8px}.side{position:fixed;left:8px;top:8px;bottom:8px;height:auto;width:min(310px,88vw);transform:translateX(calc(-100% - 18px));transition:transform .22s ease;z-index:210}.side.open{transform:translateX(0)}.client-overlay{display:block;position:fixed;inset:0;background:rgba(2,6,15,.64);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.2s;z-index:200}.client-overlay.open{opacity:1;visibility:visible}.mainx{padding:0;max-width:none}.topx{top:8px;padding:9px 10px;min-height:62px}.mobile-head{display:flex;align-items:center;gap:9px;margin:0}.mobile-head .brand{border:0;padding:0;margin:0;font-size:14px}.mobile-head .brand:before{width:34px;height:34px;border-radius:10px}.client-menu-btn{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#dce8f8;font-size:18px}.client-desktop-title{display:none}.client-balance{padding:7px 9px}.client-balance .label{display:none}.news-grid,.package-grid,.feature-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr;padding-top:20px}.hero-box{min-height:220px}.landing-nav{margin:8px;align-items:flex-start}.landing-links{justify-content:flex-end}.copy-row{display:block}.copy-row input{min-width:0;margin-bottom:8px}}
  @media(max-width:575px){.shell{padding:6px}.topx{top:6px;border-radius:13px}.mainx{padding-bottom:18px}.cardx{padding:14px}.hero{padding-left:14px;padding-right:14px}.sectionx{padding-left:14px;padding-right:14px}.landing-links>a:not(.btn){display:none}.table{font-size:10.5px}.table>:not(caption)>*>*{padding:.52rem .50rem}.client-balance .value{font-size:13px}}


  /* v5.5 PRO SaaS — calmer hierarchy, compact navigation, professional typography */
  body{font-size:14.5px;font-weight:400;line-height:1.52;letter-spacing:0;background:
    radial-gradient(900px 460px at 8% -12%,rgba(37,99,235,.085),transparent 65%),
    radial-gradient(760px 430px at 97% 3%,rgba(124,58,237,.07),transparent 68%),
    linear-gradient(180deg,#070a11 0%,#090d16 50%,#070a11 100%)}
  body:before{opacity:.10;background-size:40px 40px}
  .shell{gap:14px;padding:14px}
  .side{width:256px;flex:0 0 256px;padding:14px 12px;background:rgba(8,12,20,.94);border-color:rgba(148,163,184,.11);box-shadow:0 14px 42px rgba(0,0,0,.22);backdrop-filter:blur(14px);scrollbar-gutter:stable}
  .brand{display:flex;align-items:center;gap:10px;margin:0;padding:8px 8px 15px;border-bottom:1px solid rgba(148,163,184,.10);font-size:inherit;font-weight:inherit;letter-spacing:0}
  .brand:before{display:none!important}.brand-mark{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed 60%,#0891b2);box-shadow:0 8px 22px rgba(59,130,246,.16);color:#fff;font-size:17px}
  .brand-copy{min-width:0}.brand-title{font-size:15px;font-weight:760;letter-spacing:.025em;color:#eef4ff;line-height:1.1}.brand-title b{color:#a5c8ff;font-weight:760}.brand-sub{font-size:9.5px;color:#64748b;text-transform:uppercase;letter-spacing:.105em;font-weight:650;margin-top:4px}
  .client-glow-line{height:1px;margin:0 8px 10px;background:linear-gradient(90deg,rgba(59,130,246,.55),rgba(139,92,246,.22),transparent)}
  .navx{display:grid;gap:2px}.navx a{min-height:42px;padding:9px 10px;border-radius:10px;color:#9cabbf;font-weight:540;font-size:13.5px;line-height:1.25;gap:10px;align-items:center;letter-spacing:0;transition:background .14s ease,color .14s ease,border-color .14s ease}
  .navx a:hover{color:#e9f1ff;background:rgba(59,130,246,.055);border-color:rgba(96,165,250,.075);transform:none}.navx a.active{color:#f8fbff;background:rgba(59,130,246,.095);border-color:rgba(96,165,250,.14);box-shadow:inset 2px 0 0 #60a5fa}
  .nav-icon{width:19px;height:19px;flex:0 0 19px;display:grid;place-items:center;color:#71829a;font-size:16px}.navx a.active .nav-icon{color:#7dd3fc}.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .client-userbox{margin-top:16px;padding:13px 7px 2px;border-top:1px solid rgba(148,163,184,.10)}.client-user-row{display:flex;align-items:center;gap:10px;min-width:0}.client-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:rgba(59,130,246,.09);border:1px solid rgba(96,165,250,.13);color:#93c5fd}.client-user-copy{min-width:0}.client-user-name{font-size:12.5px;font-weight:650;color:#dbe7f7}.client-user-sub{font-size:10px;color:#6f8097}.client-logout{min-height:36px!important;padding:.42rem .68rem!important;font-size:12px!important}
  .mainx{padding:4px 6px 28px;max-width:1580px}.topx{min-height:70px;padding:11px 15px;margin-bottom:14px;background:rgba(9,13,22,.91);border-color:rgba(148,163,184,.11);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.14)}
  .client-desktop-title .muted{font-size:9.5px;font-weight:650;letter-spacing:.105em;color:#65748a!important}.topx h2{font-size:26px;font-weight:720;letter-spacing:-.032em;line-height:1.1}.client-page-subtitle{font-size:11.5px;color:#71829a;margin-top:4px}
  .client-balance{gap:10px;padding:9px 12px;background:rgba(15,23,42,.64);border-color:rgba(96,165,250,.13)}.client-balance-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(34,211,238,.07);color:#67e8f9}.client-balance-dot{display:none}.client-balance .label{font-size:9px;font-weight:650}.client-balance .value{font-size:15px;font-weight:700}
  .cardx,.card{background:rgba(14,20,32,.82)!important;border-color:rgba(148,163,184,.11)!important;box-shadow:0 10px 28px rgba(0,0,0,.11)!important;backdrop-filter:blur(10px);border-radius:15px!important}.cardx{padding:18px}.cardx:hover{border-color:rgba(96,165,250,.14)!important}
  h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.022em}.cardx h3,.cardx h4{font-weight:680}.muted,.text-secondary,.small-muted{color:#8292a8!important}
  .btn,.btnx{border-radius:10px!important;font-size:13px;font-weight:620;padding:.58rem .88rem}.btn-orange,.btn-warning,.btn-primary{box-shadow:0 7px 20px rgba(59,130,246,.13)}
  .form-control,.form-select{font-size:13.5px;min-height:42px}.form-label{font-size:12px;font-weight:580;color:#93a3b8}
  .table{font-size:13px}.table>:not(caption)>*>*{padding:.70rem .72rem}.table thead th,.table-secondary th{font-size:10px;font-weight:700;letter-spacing:.065em;color:#8191a7!important}
  .statx{padding:17px;background:rgba(15,22,36,.84);border-color:rgba(96,165,250,.12);box-shadow:0 10px 26px rgba(0,0,0,.10)}.statx:after{opacity:.28}.statx h3{font-size:24px;font-weight:720;letter-spacing:-.035em}
  .dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.metric-card{min-height:132px;padding:17px 18px;border:1px solid rgba(148,163,184,.11);border-radius:15px;background:rgba(14,20,32,.82);box-shadow:0 10px 28px rgba(0,0,0,.10);position:relative;overflow:hidden}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(59,130,246,.075);border:1px solid rgba(96,165,250,.10);color:#93c5fd}.metric-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:650;color:#73849b}.metric-value{font-size:25px;line-height:1.1;font-weight:740;letter-spacing:-.035em;color:#f4f8ff;margin-top:12px}.metric-meta{font-size:11.5px;color:#8090a6;margin-top:6px}.metric-link{font-size:11.5px;color:#91bdff;text-decoration:none}.metric-link:hover{color:#c7ddff}
  .subscription-card{border-color:rgba(52,211,153,.13)}.subscription-progress{margin-top:12px}.dashboard-section{margin-top:18px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.section-title{font-size:15px;font-weight:680;margin:0}.section-sub{font-size:11px;color:#74859b;margin-top:3px}
  .quick-panel{padding:14px 15px;margin-bottom:12px}.quick-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.quick-actions .btn{min-height:38px}.quick-auto{margin-left:auto}
  .news-list{display:grid;border:1px solid rgba(148,163,184,.10);border-radius:15px;background:rgba(14,20,32,.74);overflow:hidden}.news-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:start;padding:14px 15px;border-bottom:1px solid rgba(148,163,184,.08)}.news-item:last-child{border-bottom:0}.news-dot{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(59,130,246,.07);color:#93c5fd}.news-title{font-size:13.5px;font-weight:640;color:#dce8f8}.news-body{font-size:12px;line-height:1.45;color:#8292a8;margin-top:3px}.news-time{font-size:10.5px;color:#65758b;white-space:nowrap}.empty-news{padding:18px;color:#8292a8}
  .test-banner{padding:15px 16px;border:1px solid rgba(96,165,250,.13);border-radius:15px;background:linear-gradient(100deg,rgba(37,99,235,.08),rgba(124,58,237,.055),rgba(8,145,178,.045));display:flex;align-items:center;justify-content:space-between;gap:14px}.test-banner-copy strong{display:block;font-size:13.5px;font-weight:680}.test-banner-copy span{font-size:11.5px;color:#8292a8}
  @media(min-width:1500px){.side{width:264px;flex-basis:264px}.mainx{max-width:1640px}}
  @media(max-width:1080px){.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid .metric-card:last-child{grid-column:1/-1}.quick-auto{margin-left:0}}
  @media(max-width:800px){.side{width:min(288px,88vw)!important}.topx h2{font-size:20px}.mobile-head .brand{padding:0;border:0}.mobile-head .brand-copy{display:none}.mobile-head .brand-mark{width:34px;height:34px;flex-basis:34px}.client-balance-icon{display:none}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .metric-card:last-child{grid-column:auto}.metric-card{min-height:116px}.quick-actions{display:grid;grid-template-columns:1fr 1fr}.quick-actions .btn,.quick-actions form,.quick-actions form .btn{width:100%}.quick-auto{grid-column:1/-1}.news-item{grid-template-columns:32px minmax(0,1fr)}.news-time{display:none}}
  @media(max-width:575px){body{font-size:14px}.shell{padding:6px}.topx{padding:8px 9px}.cardx{padding:15px}.quick-actions{grid-template-columns:1fr}.metric-value{font-size:23px}.test-banner{align-items:flex-start;flex-direction:column}.test-banner .btn{width:100%}}

  /* v5.6 CYRIUS Cinema — TV-first cyan/teal conversion palette */
  :root{
    --bg:#070b10;--bg2:#0b111a;--panel:rgba(16,24,36,.82);--panel-strong:rgba(11,17,26,.94);--panel-hover:rgba(18,31,43,.90);
    --text:#f4f7fb;--muted:#8fa1b8;--blue:#20d9ff;--cyan:#14e0b8;--violet:#8b5cf6;--green:#28d995;--yellow:#f5b942;--red:#f05d68;
    --accent:linear-gradient(135deg,#20d9ff 0%,#14e0b8 100%);--glow:0 0 0 1px rgba(32,217,255,.04),0 14px 38px rgba(8,145,178,.075);
  }
  body{background:
    radial-gradient(900px 480px at 7% -12%,rgba(32,217,255,.10),transparent 65%),
    radial-gradient(760px 440px at 96% 4%,rgba(20,224,184,.075),transparent 68%),
    radial-gradient(620px 420px at 72% 100%,rgba(139,92,246,.035),transparent 72%),
    linear-gradient(180deg,#070b10 0%,#0a1018 50%,#070b10 100%)}
  a{color:#66e8ff;text-decoration-color:rgba(32,217,255,.30)}a:hover{color:#b9f5ff}
  .side{background:rgba(8,13,19,.95);border-color:rgba(143,161,184,.10)}
  .brand-mark{background:linear-gradient(135deg,#20d9ff,#14e0b8)!important;box-shadow:0 8px 24px rgba(32,217,255,.17)!important;color:#041318!important}.brand-title b{color:#55e8ff!important}
  .client-glow-line{background:linear-gradient(90deg,rgba(32,217,255,.72),rgba(20,224,184,.32),transparent)!important}
  .navx a:hover{background:rgba(32,217,255,.045)!important;border-color:rgba(32,217,255,.075)!important}.navx a.active{background:linear-gradient(90deg,rgba(32,217,255,.10),rgba(20,224,184,.035))!important;border-color:rgba(32,217,255,.14)!important;box-shadow:inset 2px 0 0 #20d9ff!important}.navx a.active .nav-icon{color:#55e8ff!important}
  .client-avatar{background:rgba(32,217,255,.065)!important;border-color:rgba(32,217,255,.12)!important;color:#67e8f9!important}
  .topx{background:rgba(8,13,19,.93)!important}.client-balance{background:rgba(13,24,31,.72)!important;border-color:rgba(32,217,255,.13)!important}.client-balance-icon{background:rgba(20,224,184,.075)!important;color:#55e8d0!important}
  .cardx,.card,.metric-card,.news-list{background:rgba(14,22,31,.84)!important}.cardx:hover{border-color:rgba(32,217,255,.14)!important}
  .metric-icon,.news-dot{background:rgba(32,217,255,.06)!important;border-color:rgba(32,217,255,.095)!important;color:#67e8f9!important}.metric-link{color:#5de3f8!important}.metric-link:hover{color:#b6f7ff!important}
  .orange,.text-warning{color:#20d9ff!important}
  .btn-orange,.btn-warning,.btn-primary{background:linear-gradient(135deg,#20d9ff,#14e0b8)!important;border-color:transparent!important;color:#041318!important;box-shadow:0 8px 22px rgba(32,217,255,.12)!important}.btn-orange:hover,.btn-warning:hover,.btn-primary:hover{color:#021014!important;filter:brightness(1.06)}
  .btn-outline-light:hover,.btn-outline-info:hover,.btn-outline-secondary:hover,.btn-outline-warning:hover{background:rgba(32,217,255,.06)!important;border-color:rgba(32,217,255,.23)!important}
  .form-control:focus,.form-select:focus,.form-check-input:focus{border-color:rgba(32,217,255,.60)!important;box-shadow:0 0 0 .19rem rgba(32,217,255,.085)!important}.form-check-input:checked{background-color:#14b8a6!important;border-color:#14b8a6!important}
  .table tbody tr:hover{background:rgba(32,217,255,.035)!important}.progress-bar{background:linear-gradient(90deg,#20d9ff,#14e0b8)!important}
  .test-banner{border-color:rgba(32,217,255,.12)!important;background:linear-gradient(100deg,rgba(32,217,255,.065),rgba(20,224,184,.04),rgba(139,92,246,.028))!important}
  /* v6.5 DARK RED theme overrides */
  :root{
    --bg:#090405;--bg2:#120708;--panel:rgba(25,10,12,.80);--panel-strong:rgba(17,7,9,.95);
    --panel-hover:rgba(37,13,16,.92);--line:rgba(255,118,127,.12);--line-strong:rgba(255,118,127,.24);
    --text:#fff6f6;--muted:#b49a9d;--blue:#ff2d3d;--violet:#b3132a;--cyan:#ff5964;--green:#34d399;
    --yellow:#fbbf24;--red:#ff5361;--glow:0 0 0 1px rgba(255,45,61,.055),0 16px 44px rgba(112,0,12,.14);
    --accent:linear-gradient(135deg,#ff3444,#e10e24 58%,#b4081b);
  }
  html{background:#090405!important}
  body{background:radial-gradient(circle at 10% -8%,rgba(255,45,61,.14),transparent 31%),radial-gradient(circle at 94% 8%,rgba(132,9,25,.16),transparent 31%),radial-gradient(circle at 70% 88%,rgba(255,92,99,.055),transparent 32%),linear-gradient(145deg,#070304 0%,#100607 48%,#080304 100%)!important}
  body:before{opacity:.13;background-image:linear-gradient(rgba(255,84,96,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,84,96,.022) 1px,transparent 1px)!important}
  a{color:#ff9ba2}.side{background:rgba(12,5,7,.91);border-color:rgba(255,94,105,.12)}
  .brand:before{background:var(--accent)!important;box-shadow:0 10px 30px rgba(255,45,61,.19)!important}.brand b{color:#fff0f1}
  .navx a:hover{background:rgba(255,45,61,.055)!important;border-color:rgba(255,80,94,.10)!important}.navx a.active{background:linear-gradient(90deg,rgba(255,45,61,.15),rgba(119,5,18,.08))!important;border-color:rgba(255,84,96,.17)!important;box-shadow:inset 3px 0 0 #ff3345!important}
  .topx{background:rgba(13,6,8,.86)!important;border-color:rgba(255,94,105,.12)!important}.client-balance{background:linear-gradient(145deg,rgba(255,45,61,.10),rgba(122,7,20,.07))!important;border-color:rgba(255,88,99,.14)!important}.client-balance-dot{background:#ff4756!important;box-shadow:0 0 16px rgba(255,71,86,.70)!important}
  .cardx,.card{background:linear-gradient(145deg,rgba(27,11,14,.84),rgba(13,6,8,.82))!important;border-color:rgba(255,94,105,.11)!important}.statx{background:linear-gradient(145deg,rgba(255,45,61,.095),rgba(95,6,17,.075))!important;border-color:rgba(255,83,95,.15)!important}.statx:after{background:rgba(255,45,61,.08)!important}
  .orange,.text-warning{color:#ff8d95!important}.btn-orange,.btn-warning,.btn-primary{background:var(--accent)!important;box-shadow:0 8px 24px rgba(255,45,61,.16)!important}.btn-outline-light:hover,.btn-outline-info:hover,.btn-outline-secondary:hover,.btn-outline-warning:hover{background:rgba(255,45,61,.075)!important;border-color:rgba(255,84,96,.25)!important}
  .form-control,.form-select,.form-check-input{background:#12080a!important;border-color:rgba(255,112,122,.15)!important}.form-control:focus,.form-select:focus,.form-check-input:focus{border-color:rgba(255,69,82,.65)!important;box-shadow:0 0 0 .19rem rgba(255,45,61,.11)!important}.form-check-input:checked{background-color:#e51a2e!important;border-color:#e51a2e!important}
  .table tbody tr:hover{background:rgba(255,45,61,.035)!important}.table thead th,.table-secondary th{background:#190a0d!important;color:#bda2a5!important}.progress-bar{background:linear-gradient(90deg,#ff2d3d,#b4081b)!important}
  .client-glow-line{background:linear-gradient(90deg,#ff2d3d,#8d0918,#ff6671)!important}.nav-tabs .nav-link.active{background:rgba(255,45,61,.07)!important}.modal-content{background:#14080b!important}

  /* v6.5.1 DARK RED PRO — remove remaining cyan/navy accents from client billing */
  :root{--blue:#ef233c!important;--cyan:#ff5964!important;--violet:#8f1021!important;--accent:linear-gradient(135deg,#ff3444 0%,#e20f27 55%,#a9081b 100%)!important}
  .brand-mark{background:linear-gradient(145deg,#ff3444,#b9081d)!important;color:#fff!important;box-shadow:0 10px 26px rgba(225,15,39,.22)!important;border:1px solid rgba(255,119,127,.18)!important}.brand-title b{color:#ff4555!important}.brand-sub{color:#8f777b!important}
  .navx a{color:#b8a8aa!important}.navx a .nav-icon{color:#826f73!important}.navx a:hover{color:#fff1f2!important}.navx a:hover .nav-icon{color:#ff727d!important}.navx a.active{color:#fff!important}.navx a.active .nav-icon{color:#ff4758!important}
  .client-avatar,.client-balance-icon,.metric-icon,.news-dot{background:linear-gradient(145deg,rgba(255,48,65,.11),rgba(82,5,14,.10))!important;border-color:rgba(255,91,103,.15)!important;color:#ff6975!important}
  .metric-card,.news-list{background:linear-gradient(145deg,rgba(19,8,10,.96),rgba(10,5,6,.96))!important;border-color:rgba(255,94,105,.12)!important;box-shadow:0 16px 38px rgba(0,0,0,.18)!important}.metric-card:hover{border-color:rgba(255,84,96,.20)!important}
  .metric-link,.news-link,.support-link,a.metric-link{color:#ff7f89!important}.metric-link:hover,.news-link:hover,.support-link:hover{color:#ffb1b7!important}
  .news-item{border-color:rgba(255,107,117,.09)!important}.news-item:hover{background:rgba(255,45,61,.035)!important}
  .client-balance{background:linear-gradient(145deg,#1a090c,#100608)!important}.client-balance-icon{box-shadow:none!important}
  .quick-actions,.client-section,.account-section{background:linear-gradient(145deg,rgba(22,8,11,.94),rgba(11,5,7,.94))!important;border-color:rgba(255,94,105,.12)!important}
  .test-banner{background:linear-gradient(105deg,rgba(255,45,61,.11),rgba(91,6,17,.08),rgba(18,6,8,.88))!important;border-color:rgba(255,86,98,.16)!important}
  .btn-info,.bg-info{background:linear-gradient(135deg,#ff3444,#c80b20)!important;border-color:transparent!important;color:#fff!important}.text-info{color:#ff7c86!important}.btn-outline-info{color:#ff7c86!important;border-color:rgba(255,90,101,.28)!important}.btn-outline-info:hover{color:#fff!important;background:rgba(255,45,61,.11)!important}
  .badge.bg-info,.badge.text-bg-info{background:#7d0c1b!important;color:#ffd9dc!important}.border-info{border-color:rgba(255,75,88,.25)!important}
  .text-primary{color:#ff6672!important}.border-primary{border-color:rgba(255,68,82,.26)!important}.bg-primary{background:#c40c22!important}
  .progress{background:#25090e!important}.progress-bar{background:linear-gradient(90deg,#ff3345,#b3091c)!important}
  .form-control::placeholder{color:#745f63!important}.dropdown-menu{background:#120709!important;border-color:rgba(255,98,109,.14)!important}.dropdown-item{color:#d8c4c7!important}.dropdown-item:hover{background:rgba(255,45,61,.07)!important;color:#fff!important}

  /* v6.5.6 FULL BRAND POLISH — final DARK RED cleanup + mobile + auth/apps */
  :root{--brand-red:#ff3145;--brand-red-2:#d70d26;--brand-red-3:#8d0818;--brand-ink:#070304;--brand-panel:#15080a;--brand-line:rgba(255,92,104,.13)}
  body,.side,.topx,.cardx,.card,.metric-card,.news-list,.quick-actions,.client-section,.account-section,.modal-content,.dropdown-menu{color-scheme:dark}
  a,.orange,.metric-link,.news-link,.support-link,.text-primary,.text-info{color:#ff7d88!important}
  a:hover,.metric-link:hover,.news-link:hover,.support-link:hover{color:#ffc0c5!important}
  .brand-title,.brand-title b,.client-user-name,h1,h2,h3,h4,h5,h6{color:#fff!important}
  .brand-mark,.brand:before,.btn-orange,.btn-warning,.btn-primary,.btn-info,.bg-primary,.bg-info{background:linear-gradient(135deg,#ff3448,#d70d26 58%,#8d0818)!important;color:#fff!important;border-color:transparent!important}
  .client-glow-line,.progress-bar{background:linear-gradient(90deg,#ff3044,#a7091b,#ff6975)!important}
  .client-balance-dot{background:#ff4254!important;box-shadow:0 0 14px rgba(255,55,73,.6)!important}
  .navx a.active{box-shadow:inset 3px 0 0 #ff3b4e!important}.navx a.active .nav-icon,.navx a:hover .nav-icon,.client-avatar,.client-balance-icon,.metric-icon,.news-dot,.text-warning{color:#ff6975!important}
  .badge.bg-info,.badge.text-bg-info{background:#760b19!important;color:#ffdadd!important}.border-info,.border-primary{border-color:rgba(255,80,94,.24)!important}
  .form-control:focus,.form-select:focus,.form-check-input:focus{border-color:rgba(255,62,78,.68)!important;box-shadow:0 0 0 .2rem rgba(255,45,61,.10)!important}.form-check-input:checked{background:#d70d26!important;border-color:#d70d26!important}
  .table tbody tr:hover{background:rgba(255,45,61,.04)!important}.alert-info{border-color:rgba(255,74,88,.18)!important}.alert-info .text-info{color:#ff7b87!important}

  /* Authentication pages */
  .auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);background:#070304;overflow:hidden}
  .auth-visual{position:relative;min-height:100vh;background-image:linear-gradient(90deg,rgba(4,1,2,.18),rgba(7,2,3,.36)),url('/assets/images/cyrius-tv-hero.png');background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:56px}
  .auth-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.15) 42%,rgba(5,1,2,.92) 100%)}
  .auth-visual:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 28% 76%,rgba(255,38,58,.16),transparent 32%)}
  .auth-visual-copy{position:relative;z-index:2;max-width:620px}.auth-logo{display:inline-flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important;font-weight:950;font-size:1.05rem;letter-spacing:.05em;margin-bottom:28px}.auth-logo-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#ff3145,#a80719);box-shadow:0 12px 36px rgba(255,28,49,.18)}
  .auth-visual h1{font-size:clamp(2.5rem,4.6vw,5rem);line-height:.98;letter-spacing:-.06em;margin:0 0 18px;max-width:650px}.auth-visual p{font-size:1.02rem;color:#c4adb0;line-height:1.7;max-width:560px}.auth-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.auth-points span{padding:8px 11px;border:1px solid rgba(255,109,119,.14);border-radius:999px;background:rgba(13,4,6,.55);color:#dac6c8;font-size:.78rem;backdrop-filter:blur(10px)}
  .auth-panel{display:flex;align-items:center;justify-content:center;padding:42px;background:radial-gradient(circle at 100% 0,rgba(255,35,55,.10),transparent 28%),linear-gradient(155deg,#0c0406,#070304)}.auth-card{width:min(520px,100%);padding:34px;border:1px solid rgba(255,96,108,.13);border-radius:26px;background:linear-gradient(150deg,rgba(28,9,13,.92),rgba(10,4,6,.96));box-shadow:0 34px 90px rgba(0,0,0,.34)}.auth-card-head{margin-bottom:26px}.auth-card-head .eyebrow{color:#ff6673;font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}.auth-card h2{font-size:2rem;letter-spacing:-.04em;margin-bottom:8px}.auth-card .form-label{font-size:.78rem;color:#bda6a9;font-weight:700}.auth-card .form-control{min-height:48px;border-radius:13px!important;background:#0d0507!important}.auth-card .btn{min-height:48px;border-radius:13px!important}.auth-card-switch{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,94,105,.09);text-align:center;color:#9f898d;font-size:.88rem}.auth-mini-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.auth-mini-trust div{padding:10px;border-radius:12px;background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.04);font-size:.72rem;color:#a99094;text-align:center}.auth-mini-trust i{display:block;color:#ff5a68;margin-bottom:4px}

  /* Apps / supported platforms */
  .apps-hero-card{padding:26px!important;background:radial-gradient(circle at 92% 8%,rgba(255,45,61,.12),transparent 30%),linear-gradient(145deg,#1a090c,#0d0507)!important}.apps-platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.apps-platform{padding:18px;border-radius:16px;border:1px solid rgba(255,91,103,.11);background:linear-gradient(150deg,rgba(25,8,11,.84),rgba(11,4,6,.92));transition:.18s ease}.apps-platform:hover{transform:translateY(-3px);border-color:rgba(255,77,90,.23)}.apps-platform-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,45,61,.075);border:1px solid rgba(255,85,98,.12);color:#ff6571;font-size:1.1rem;margin-bottom:15px}.apps-platform h4{font-size:.98rem;margin-bottom:6px}.apps-platform p{font-size:.82rem;color:#9f898d;margin:0;line-height:1.55}.app-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-guide-card{padding:18px;border-radius:16px;border:1px solid rgba(255,91,103,.10);background:rgba(255,255,255,.018)}.app-guide-card h4{font-size:.95rem}.app-guide-card p{font-size:.82rem;color:#a18b8f;margin:0}.qr-shell{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}.qr-copy{min-width:0}

  /* Mobile polish */
  @media(max-width:1100px){.auth-screen{grid-template-columns:1fr}.auth-visual{min-height:42vh;padding:36px}.auth-panel{padding:28px 18px}.apps-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media(max-width:820px){.shell{padding:0!important;display:block}.mainx{padding:0 12px 26px!important}.side{position:fixed!important;left:0!important;top:0!important;bottom:0!important;height:100dvh!important;width:min(320px,88vw)!important;border-radius:0 18px 18px 0!important;transform:translateX(-105%);transition:transform .25s cubic-bezier(.22,.8,.22,1);z-index:1000}.side.open{transform:translateX(0)}.client-overlay{z-index:999}.topx{top:0!important;margin:0 -12px 14px!important;border-radius:0 0 16px 16px!important;padding:10px 14px!important;min-height:64px}.client-desktop-title{display:none!important}.mobile-head{display:flex!important}.client-balance{padding:8px 10px!important}.client-balance .label{display:none}.client-balance .value{font-size:14px}.metric-grid{grid-template-columns:1fr!important}.quick-actions{grid-template-columns:1fr 1fr!important}.cardx{padding:17px!important}.apps-platform-grid,.app-guide-grid{grid-template-columns:1fr 1fr}.qr-shell{grid-template-columns:1fr;text-align:center}.qr-copy{text-align:left}}
  @media(max-width:560px){body{font-size:13.5px}.mainx{padding-left:9px!important;padding-right:9px!important}.topx{margin-left:-9px!important;margin-right:-9px!important}.quick-actions,.apps-platform-grid,.app-guide-grid{grid-template-columns:1fr!important}.auth-visual{min-height:34vh;padding:26px 20px}.auth-visual h1{font-size:2.35rem}.auth-visual p{display:none}.auth-points{display:none}.auth-panel{padding:18px 12px}.auth-card{padding:24px 18px;border-radius:20px}.auth-mini-trust{grid-template-columns:1fr}.auth-card h2{font-size:1.65rem}.cardx{border-radius:13px!important}.table{font-size:11.5px}.btn{font-size:12.5px}}
  /* v6.5.7 DUAL THEME — warm light mode + shared theme switch */
  .theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:42px;height:42px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,104,115,.18);background:rgba(255,255,255,.035);color:#f5e8ea;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;white-space:nowrap}
  .theme-toggle:hover{transform:translateY(-1px);border-color:rgba(255,85,98,.34);background:rgba(255,45,61,.07);box-shadow:0 10px 24px rgba(0,0,0,.12)}
  .theme-toggle i{font-size:1rem}.theme-toggle-label{font-size:.78rem;font-weight:800}.client-top-actions{display:flex;align-items:center;gap:9px}.auth-theme-toggle{position:fixed;top:18px;right:18px;z-index:40;backdrop-filter:blur(16px)}

  html[data-theme='light']{background:#f7f1ef!important;color-scheme:light}
  html[data-theme='light'] body{color:#241517!important;background:radial-gradient(circle at 8% -8%,rgba(214,13,38,.075),transparent 30%),radial-gradient(circle at 96% 6%,rgba(255,116,126,.09),transparent 28%),linear-gradient(145deg,#fbf8f6 0%,#f7f1ef 50%,#fff 100%)!important}
  html[data-theme='light'] body:before{opacity:.20!important;background-image:linear-gradient(rgba(120,44,53,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(120,44,53,.025) 1px,transparent 1px)!important}
  html[data-theme='light']{--bg:#f7f1ef;--bg2:#fff;--panel:rgba(255,255,255,.84);--panel-strong:rgba(255,255,255,.96);--panel-hover:#fff;--line:rgba(77,34,39,.11);--line-strong:rgba(77,34,39,.20);--text:#241517;--muted:#806d70;--shadow:0 20px 60px rgba(55,20,25,.08);--glow:0 0 0 1px rgba(215,13,38,.045),0 16px 44px rgba(90,18,28,.07)}
  html[data-theme='light'] a{color:#c9102b!important}html[data-theme='light'] a:hover{color:#8f081d!important}
  html[data-theme='light'] h1,html[data-theme='light'] h2,html[data-theme='light'] h3,html[data-theme='light'] h4,html[data-theme='light'] h5,html[data-theme='light'] h6,html[data-theme='light'] .brand-title,html[data-theme='light'] .brand-title b,html[data-theme='light'] .client-user-name{color:#241517!important}
  html[data-theme='light'] .muted,html[data-theme='light'] .text-secondary,html[data-theme='light'] .small-muted,html[data-theme='light'] .client-page-subtitle,html[data-theme='light'] .client-user-sub{color:#806d70!important}
  html[data-theme='light'] .side{background:rgba(255,252,250,.92)!important;border-color:rgba(85,38,43,.10)!important;box-shadow:0 20px 60px rgba(67,23,30,.08)!important}
  html[data-theme='light'] .topx{background:rgba(255,252,250,.86)!important;border-color:rgba(85,38,43,.10)!important;box-shadow:0 12px 38px rgba(67,23,30,.07)!important}
  html[data-theme='light'] .navx a{color:#6f5e61!important}html[data-theme='light'] .navx a:hover{color:#2b171a!important;background:rgba(215,13,38,.045)!important}html[data-theme='light'] .navx a.active{color:#a20b21!important;background:linear-gradient(90deg,rgba(215,13,38,.09),rgba(255,255,255,.55))!important;border-color:rgba(215,13,38,.13)!important}
  html[data-theme='light'] .navx a .nav-icon{color:#9c8589!important}html[data-theme='light'] .navx a.active .nav-icon,html[data-theme='light'] .navx a:hover .nav-icon{color:#d70d26!important}
  html[data-theme='light'] .cardx,html[data-theme='light'] .card,html[data-theme='light'] .metric-card,html[data-theme='light'] .news-list,html[data-theme='light'] .quick-actions,html[data-theme='light'] .client-section,html[data-theme='light'] .account-section{color:#241517!important;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(253,248,247,.92))!important;border-color:rgba(85,38,43,.10)!important;box-shadow:0 14px 38px rgba(67,23,30,.06)!important;color-scheme:light!important}
  html[data-theme='light'] .statx,html[data-theme='light'] .client-balance{background:linear-gradient(145deg,rgba(215,13,38,.065),rgba(255,255,255,.82))!important;border-color:rgba(215,13,38,.12)!important}
  html[data-theme='light'] .client-balance .value{color:#241517!important}
  html[data-theme='light'] .form-control,html[data-theme='light'] .form-select,html[data-theme='light'] .form-check-input{background:#fff!important;color:#2a181b!important;border-color:rgba(85,38,43,.15)!important;color-scheme:light!important}
  html[data-theme='light'] .form-control::placeholder{color:#a58f93!important}html[data-theme='light'] .form-control:focus,html[data-theme='light'] .form-select:focus{border-color:rgba(215,13,38,.45)!important;box-shadow:0 0 0 .19rem rgba(215,13,38,.075)!important}
  html[data-theme='light'] .table{--bs-table-color:#2a181b;--bs-table-striped-color:#2a181b;--bs-table-striped-bg:rgba(93,48,54,.025)}html[data-theme='light'] .table>:not(caption)>*>*{color:#3c272b!important;border-color:rgba(85,38,43,.08)!important}html[data-theme='light'] .table thead th,html[data-theme='light'] .table-secondary th{background:#f3e9e7!important;color:#745e62!important}html[data-theme='light'] .table tbody tr:hover{background:rgba(215,13,38,.035)!important}
  html[data-theme='light'] .modal-content,html[data-theme='light'] .dropdown-menu{background:#fff!important;color:#241517!important;border-color:rgba(85,38,43,.12)!important;color-scheme:light!important}html[data-theme='light'] .dropdown-item{color:#4c363a!important}html[data-theme='light'] .dropdown-item:hover{background:#fbf0ef!important;color:#a20b21!important}html[data-theme='light'] .btn-close{filter:none!important}
  html[data-theme='light'] .alert{background:#fff9f8!important;color:#3d292d!important;border-color:rgba(85,38,43,.11)!important}
  html[data-theme='light'] .progress{background:#eadcda!important}
  html[data-theme='light'] .theme-toggle{background:#fff!important;color:#3a2226;border-color:rgba(85,38,43,.13);box-shadow:0 8px 24px rgba(67,23,30,.06)}
  html[data-theme='light'] .apps-hero-card,html[data-theme='light'] .apps-platform,html[data-theme='light'] .app-guide-card{background:linear-gradient(145deg,#fff,#fbf4f2)!important;border-color:rgba(85,38,43,.10)!important}html[data-theme='light'] .apps-platform p,html[data-theme='light'] .app-guide-card p{color:#806d70!important}
  html[data-theme='light'] .auth-screen{background:#f7f1ef!important}html[data-theme='light'] .auth-panel{background:radial-gradient(circle at 100% 0,rgba(215,13,38,.06),transparent 30%),linear-gradient(155deg,#fff,#f7f1ef)!important;color-scheme:light!important}html[data-theme='light'] .auth-card{background:rgba(255,255,255,.94)!important;border-color:rgba(85,38,43,.11)!important;box-shadow:0 34px 90px rgba(67,23,30,.10)!important}html[data-theme='light'] .auth-card h2{color:#241517!important}html[data-theme='light'] .auth-card .form-label{color:#6f5d60!important}html[data-theme='light'] .auth-card .form-control{background:#fff!important}html[data-theme='light'] .auth-card-switch{color:#806d70!important;border-top-color:rgba(85,38,43,.09)!important}html[data-theme='light'] .auth-mini-trust div{background:#fbf4f2!important;border-color:rgba(85,38,43,.07)!important;color:#755f63!important}
  /* Keep the cinematic image side dark in light mode for contrast. */
  html[data-theme='light'] .auth-visual h1,html[data-theme='light'] .auth-visual .auth-logo{color:#fff!important}html[data-theme='light'] .auth-visual p{color:#dfcfd1!important}
  @media(max-width:820px){.theme-toggle-label{display:none}.theme-toggle{width:40px;min-width:40px;padding:0}.client-top-actions{gap:6px}.auth-theme-toggle{top:12px;right:12px}}

  /* v6.5.8 LIGHT CONTRAST FIX — explicit high-contrast colors for billing/dealer UI */
  html[data-theme='light'] .metric-label{color:#71585d!important}
  html[data-theme='light'] .metric-value{color:#201214!important;text-shadow:none!important}
  html[data-theme='light'] .metric-meta{color:#6d565a!important}
  html[data-theme='light'] .metric-icon{background:#fff0f2!important;border-color:rgba(197,13,40,.14)!important;color:#c70e2a!important}
  html[data-theme='light'] .section-title{color:#251518!important}
  html[data-theme='light'] .section-sub{color:#735d61!important}
  html[data-theme='light'] .news-title{color:#2b191d!important}
  html[data-theme='light'] .news-body{color:#655055!important}
  html[data-theme='light'] .news-time{color:#846d72!important}
  html[data-theme='light'] .empty-news{color:#70595e!important}
  html[data-theme='light'] .news-dot{background:#fff0f2!important;color:#c70e2a!important;border:1px solid rgba(197,13,40,.10)!important}
  html[data-theme='light'] .metric-link,html[data-theme='light'] .news-link,html[data-theme='light'] .support-link{color:#b80c27!important;font-weight:700}
  html[data-theme='light'] .client-balance .label{color:#71585d!important}
  html[data-theme='light'] .client-balance-icon{background:#fff0f2!important;color:#c70e2a!important;border-color:rgba(197,13,40,.12)!important}
  html[data-theme='light'] .cardx b,html[data-theme='light'] .card b,html[data-theme='light'] .metric-card b{color:#241517!important}
  html[data-theme='light'] .cardx .text-white:not(.btn),html[data-theme='light'] .card .text-white:not(.btn){color:#241517!important}
  html[data-theme='light'] .quick-actions{background:transparent!important;box-shadow:none!important}

  /* Buttons must remain readable in light mode, including dealer/profile actions. */
  html[data-theme='light'] a.btn-primary,html[data-theme='light'] button.btn-primary,
  html[data-theme='light'] a.btn-warning,html[data-theme='light'] button.btn-warning,
  html[data-theme='light'] a.btn-orange,html[data-theme='light'] button.btn-orange,
  html[data-theme='light'] a.btn-info,html[data-theme='light'] button.btn-info{
    color:#fff!important;background:linear-gradient(135deg,#f02b40,#c90d29 58%,#94091c)!important;border-color:transparent!important;box-shadow:0 9px 24px rgba(184,12,39,.16)!important
  }
  html[data-theme='light'] a.btn-primary:hover,html[data-theme='light'] button.btn-primary:hover,
  html[data-theme='light'] a.btn-warning:hover,html[data-theme='light'] button.btn-warning:hover,
  html[data-theme='light'] a.btn-orange:hover,html[data-theme='light'] button.btn-orange:hover,
  html[data-theme='light'] a.btn-info:hover,html[data-theme='light'] button.btn-info:hover{color:#fff!important;filter:brightness(.96)!important}
  html[data-theme='light'] .btn-outline-light,html[data-theme='light'] .btn-outline-info,html[data-theme='light'] .btn-outline-secondary,html[data-theme='light'] .btn-outline-warning{
    color:#4c3438!important;background:#fff!important;border-color:rgba(86,43,49,.24)!important;box-shadow:0 5px 16px rgba(67,23,30,.035)!important
  }
  html[data-theme='light'] .btn-outline-light:hover,html[data-theme='light'] .btn-outline-info:hover,html[data-theme='light'] .btn-outline-secondary:hover,html[data-theme='light'] .btn-outline-warning:hover{
    color:#a60b23!important;background:#fff4f3!important;border-color:rgba(190,14,41,.34)!important
  }
  html[data-theme='light'] .btn-outline-danger{color:#a3132b!important;background:#fff!important;border-color:rgba(181,25,49,.27)!important}
  html[data-theme='light'] .btn-outline-danger:hover{color:#fff!important;background:#b61530!important;border-color:#b61530!important}
  html[data-theme='light'] .btn-outline-success{color:#17623f!important;background:#fff!important;border-color:rgba(23,98,63,.25)!important}
  html[data-theme='light'] .btn-outline-success:hover{color:#fff!important;background:#17623f!important;border-color:#17623f!important}

  /* Status pills: stronger text/background contrast on white cards. */
  html[data-theme='light'] .badge.bg-success,html[data-theme='light'] .badge.text-bg-success{background:#e3f5e9!important;color:#12613c!important;border:1px solid rgba(18,97,60,.12)!important}
  html[data-theme='light'] .badge.bg-warning,html[data-theme='light'] .badge.text-bg-warning{background:#fff1cf!important;color:#775009!important;border:1px solid rgba(119,80,9,.12)!important}
  html[data-theme='light'] .badge.bg-danger,html[data-theme='light'] .badge.text-bg-danger{background:#fde7eb!important;color:#9b1730!important;border:1px solid rgba(155,23,48,.11)!important}
  html[data-theme='light'] .badge.bg-info,html[data-theme='light'] .badge.text-bg-info{background:#f8e6e9!important;color:#9d1028!important;border:1px solid rgba(157,16,40,.11)!important}
  html[data-theme='light'] .text-success{color:#17623f!important}
  html[data-theme='light'] .text-danger{color:#a3132b!important}
  html[data-theme='light'] .text-warning,html[data-theme='light'] .text-info,html[data-theme='light'] .text-primary{color:#b80c27!important}

  /* v7.13 light-theme polish for Client Experience blocks */
  html[data-theme='light'] .status-tile,html[data-theme='light'] .setup-step,html[data-theme='light'] .support-cat{background:#fff!important;border-color:rgba(85,38,43,.12)!important;color:#241517!important}
  html[data-theme='light'] .smart-rec,html[data-theme='light'] .support-ticket{border-color:rgba(85,38,43,.10)!important}
  html[data-theme='light'] .status-test{background:#fff8e7!important;border-color:rgba(160,102,5,.18)!important}
  html[data-theme='light'] .setup-output{background:#fff4f3!important;border-color:rgba(190,14,41,.18)!important}
  html[data-theme='light'] .support-trust{background:#edf9f1!important;border-color:rgba(23,98,63,.15)!important;color:#315b47!important}
  html[data-theme='light']{--surface:#fff;--surface-soft:#fbf8f7;--surface-strong:#fff;--surface-hover:#f7f0ef;--surface-border:rgba(85,38,43,.12);--surface-border-strong:rgba(85,38,43,.20);--accent-soft:rgba(190,14,41,.07)}
  html[data-theme='light'] .smart-rec-icon{background:#fff0f2!important;color:#b80c27!important}


  /* v7.19.5 COLOR + EMOJI PASS — client/admin keep v7.19.4 layout; landing gets completed color system. */
  /* v7.19.4 POLISHED UI — keeps the existing client layout and adds a calmer premium palette. */
  :root{--cy-brand:#ff4265;--cy-violet:#7c5cff;--cy-blue:#4f8cff;--cy-cyan:#32d4ff;--cy-green:#37d99a;--cy-amber:#ffc857}
  html:not([data-theme='light']) body{background:radial-gradient(circle at 6% -8%,rgba(124,92,255,.13),transparent 32%),radial-gradient(circle at 96% 4%,rgba(50,212,255,.075),transparent 30%),radial-gradient(circle at 72% 92%,rgba(255,66,101,.06),transparent 34%),linear-gradient(145deg,#080a10,#0c0f18 50%,#080a11)!important;color:#eef3ff!important}
  html:not([data-theme='light']) body:before{opacity:.10!important;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px)!important;background-size:42px 42px!important}
  html:not([data-theme='light']) .side{background:linear-gradient(180deg,rgba(12,14,23,.94),rgba(8,10,16,.95))!important;border-color:rgba(164,174,205,.11)!important;box-shadow:18px 0 55px rgba(0,0,0,.18)!important}
  html:not([data-theme='light']) .topx{background:rgba(12,15,24,.82)!important;border-color:rgba(164,174,205,.11)!important;box-shadow:0 16px 42px rgba(0,0,0,.17)!important;backdrop-filter:blur(20px) saturate(125%)!important}
  .brand:before,.brand-mark,.auth-logo-mark{background:linear-gradient(135deg,var(--cy-brand),var(--cy-violet))!important;box-shadow:0 10px 30px rgba(124,92,255,.18)!important}.brand-title b{color:#ff6b83!important}
  html:not([data-theme='light']) .navx a{color:#9ba7ba!important}.navx a .nav-icon{color:#727f93!important}.navx a:hover{color:#f8fbff!important;background:rgba(124,92,255,.07)!important;border-color:rgba(124,92,255,.11)!important}.navx a.active{color:#fff!important;background:linear-gradient(90deg,rgba(124,92,255,.16),rgba(50,212,255,.045))!important;border-color:rgba(124,92,255,.19)!important;box-shadow:inset 3px 0 0 var(--cy-violet)!important}.navx a.active .nav-icon,.navx a:hover .nav-icon{color:#b5a6ff!important}
  html:not([data-theme='light']) .cardx,html:not([data-theme='light']) .card,html:not([data-theme='light']) .metric-card,html:not([data-theme='light']) .news-list,html:not([data-theme='light']) .quick-actions,html:not([data-theme='light']) .client-section,html:not([data-theme='light']) .account-section{background:linear-gradient(145deg,rgba(18,22,34,.90),rgba(11,14,23,.90))!important;border-color:rgba(164,174,205,.105)!important;box-shadow:0 16px 42px rgba(0,0,0,.14)!important}
  html:not([data-theme='light']) .statx,html:not([data-theme='light']) .client-balance{background:linear-gradient(145deg,rgba(124,92,255,.10),rgba(50,212,255,.045))!important;border-color:rgba(124,92,255,.16)!important}.client-balance-dot{background:var(--cy-cyan)!important;box-shadow:0 0 16px rgba(50,212,255,.65)!important}
  .client-glow-line,.progress-bar{background:linear-gradient(90deg,var(--cy-brand),var(--cy-violet),var(--cy-cyan))!important}.metric-icon,.news-dot,.client-avatar,.client-balance-icon{color:#a995ff!important;background:rgba(124,92,255,.09)!important;border-color:rgba(124,92,255,.14)!important}.metric-card:nth-child(2) .metric-icon{color:#6be6ff!important;background:rgba(50,212,255,.08)!important}.metric-card:nth-child(3) .metric-icon{color:#74e8b7!important;background:rgba(55,217,154,.08)!important}.metric-card:nth-child(4) .metric-icon{color:#ffd071!important;background:rgba(255,200,87,.08)!important}
  a,.orange,.metric-link,.news-link,.support-link{color:#a995ff!important}a:hover,.metric-link:hover,.news-link:hover,.support-link:hover{color:#d5ccff!important}.text-info{color:#68ddff!important}.text-warning{color:#ffd071!important}.text-primary{color:#a995ff!important}
  .btn-orange,.btn-warning,.btn-primary{background:linear-gradient(135deg,var(--cy-brand),var(--cy-violet))!important;color:#fff!important;border:0!important;box-shadow:0 9px 24px rgba(124,92,255,.17)!important}.btn-info{background:linear-gradient(135deg,var(--cy-cyan),#63e6be)!important;color:#061118!important;border:0!important}.btn-success{background:linear-gradient(135deg,#20b985,var(--cy-green))!important;border:0!important}.btn-danger{background:linear-gradient(135deg,#e94663,var(--cy-brand))!important;border:0!important}.btn{transition:transform .16s ease,filter .16s ease,background .16s ease,border-color .16s ease!important}.btn:hover{transform:translateY(-1px)}
  html:not([data-theme='light']) .btn-outline-light,html:not([data-theme='light']) .btn-outline-info,html:not([data-theme='light']) .btn-outline-secondary,html:not([data-theme='light']) .btn-outline-warning{color:#bcc6d7!important;border-color:rgba(164,174,205,.17)!important;background:rgba(255,255,255,.024)!important}html:not([data-theme='light']) .btn-outline-light:hover,html:not([data-theme='light']) .btn-outline-info:hover,html:not([data-theme='light']) .btn-outline-secondary:hover,html:not([data-theme='light']) .btn-outline-warning:hover{color:#fff!important;background:rgba(124,92,255,.085)!important;border-color:rgba(124,92,255,.27)!important}
  html:not([data-theme='light']) .form-control,html:not([data-theme='light']) .form-select,html:not([data-theme='light']) .form-check-input{background:#0c1019!important;color:#eef3ff!important;border-color:rgba(164,174,205,.16)!important}.form-control:focus,.form-select:focus,.form-check-input:focus{border-color:rgba(124,92,255,.65)!important;box-shadow:0 0 0 .19rem rgba(124,92,255,.11)!important}.form-check-input:checked{background:var(--cy-violet)!important;border-color:var(--cy-violet)!important}
  html:not([data-theme='light']) .table thead th,html:not([data-theme='light']) .table-secondary th{background:#111622!important;color:#8f9cb0!important}.table tbody tr:hover{background:rgba(124,92,255,.045)!important}.badge.bg-info,.badge.text-bg-info{background:rgba(50,212,255,.12)!important;color:#7de7ff!important}.badge.bg-success,.badge.text-bg-success{background:rgba(55,217,154,.13)!important;color:#7de7bb!important}.badge.bg-warning,.badge.text-bg-warning{background:rgba(255,200,87,.13)!important;color:#ffd983!important}
  .auth-screen{background:#080a10!important}.auth-panel{background:radial-gradient(circle at 100% 0,rgba(124,92,255,.12),transparent 31%),linear-gradient(155deg,#0d1019,#080a10)!important}.auth-visual:after{background:radial-gradient(circle at 28% 76%,rgba(124,92,255,.16),transparent 33%)!important}.auth-card{background:linear-gradient(150deg,rgba(19,22,34,.94),rgba(10,13,21,.96))!important;border-color:rgba(164,174,205,.12)!important}.auth-card-head .eyebrow{color:#a995ff!important}.auth-points span{border-color:rgba(124,92,255,.16)!important;background:rgba(11,13,22,.58)!important}.auth-mini-trust i{color:#8bdfff!important}
  .apps-hero-card{background:radial-gradient(circle at 92% 8%,rgba(124,92,255,.13),transparent 31%),linear-gradient(145deg,#141823,#0c0f18)!important}.apps-platform{background:linear-gradient(150deg,rgba(20,24,36,.88),rgba(11,14,22,.92))!important;border-color:rgba(164,174,205,.10)!important}.apps-platform:hover{border-color:rgba(124,92,255,.24)!important}.apps-platform-icon{background:rgba(124,92,255,.08)!important;border-color:rgba(124,92,255,.14)!important;color:#a995ff!important}.app-guide-card{border-color:rgba(164,174,205,.10)!important;background:rgba(255,255,255,.018)!important}
  /* Light client theme: cool neutral instead of the old pink/beige cast. */
  html[data-theme='light']{--bg:#f5f6fa;--bg2:#fff;--panel:rgba(255,255,255,.92);--panel-strong:#fff;--panel-hover:#fff;--line:rgba(49,55,75,.10);--line-strong:rgba(49,55,75,.17);--text:#202330;--muted:#71788b;--shadow:0 18px 50px rgba(36,41,58,.07);--glow:0 0 0 1px rgba(124,92,255,.04),0 16px 38px rgba(69,60,130,.06);background:#f5f6fa!important}
  html[data-theme='light'] body{color:#202330!important;background:radial-gradient(circle at 4% -8%,rgba(124,92,255,.075),transparent 31%),radial-gradient(circle at 96% 4%,rgba(50,212,255,.055),transparent 30%),#f5f6fa!important}html[data-theme='light'] body:before{opacity:.08!important}
  html[data-theme='light'] a{color:#614bd8!important}html[data-theme='light'] a:hover{color:#4430af!important}html[data-theme='light'] h1,html[data-theme='light'] h2,html[data-theme='light'] h3,html[data-theme='light'] h4,html[data-theme='light'] h5,html[data-theme='light'] h6,html[data-theme='light'] .brand-title,html[data-theme='light'] .brand-title b,html[data-theme='light'] .client-user-name{color:#202330!important}
  html[data-theme='light'] .side,html[data-theme='light'] .topx,html[data-theme='light'] .cardx,html[data-theme='light'] .card,html[data-theme='light'] .metric-card,html[data-theme='light'] .news-list,html[data-theme='light'] .quick-actions,html[data-theme='light'] .client-section,html[data-theme='light'] .account-section{background:rgba(255,255,255,.94)!important;border-color:rgba(49,55,75,.10)!important;box-shadow:0 14px 36px rgba(36,41,58,.06)!important;color:#202330!important}
  html[data-theme='light'] .navx a{color:#687084!important}html[data-theme='light'] .navx a:hover{color:#282d3a!important;background:rgba(124,92,255,.055)!important}html[data-theme='light'] .navx a.active{color:#5c46d8!important;background:linear-gradient(90deg,rgba(124,92,255,.10),rgba(50,212,255,.03))!important;border-color:rgba(124,92,255,.14)!important;box-shadow:inset 3px 0 0 var(--cy-violet)!important}
  html[data-theme='light'] .form-control,html[data-theme='light'] .form-select,html[data-theme='light'] .form-check-input{background:#fff!important;color:#202330!important;border-color:rgba(49,55,75,.15)!important}html[data-theme='light'] .table thead th,html[data-theme='light'] .table-secondary th{background:#f3f4f8!important;color:#737b8e!important}html[data-theme='light'] .table>:not(caption)>*>*{color:#353a49!important;border-color:rgba(49,55,75,.08)!important}
  html[data-theme='light'] .auth-screen{background:#f5f6fa!important}html[data-theme='light'] .auth-panel{background:radial-gradient(circle at 100% 0,rgba(124,92,255,.07),transparent 31%),#f5f6fa!important}html[data-theme='light'] .auth-card{background:#fff!important;border-color:rgba(49,55,75,.10)!important;box-shadow:0 30px 80px rgba(36,41,58,.10)!important}html[data-theme='light'] .auth-card .form-label{color:#6d7486!important}
  @media(prefers-reduced-motion:reduce){.btn,.navx a,.metric-card,.apps-platform{transition:none!important}.btn:hover,.navx a:hover,.metric-card:hover,.apps-platform:hover{transform:none!important}}

/* source: customer-v722.css */
/* CYRIUS v7.22 Customer Experience */
:root{--cy22-primary:#7c5cff;--cy22-cyan:#32d4ff;--cy22-success:#37d99a;--cy22-warning:#ffc857;--cy22-danger:#ff5773}
.cy-eyebrow{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.cy-home-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:26px;border:1px solid var(--surface-border);border-radius:24px;background:radial-gradient(circle at 92% 8%,rgba(124,92,255,.16),transparent 34%),linear-gradient(145deg,var(--surface-strong),var(--surface));box-shadow:0 22px 60px rgba(0,0,0,.16);margin-bottom:14px;overflow:hidden}.cy-home-hero h1{font-size:clamp(26px,4vw,42px);line-height:1.05;margin:0}.cy-home-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cy-home-hero p{color:var(--muted);margin:10px 0 0}.cy-state{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900}.cy-state.success{background:rgba(55,217,154,.12);color:#7ce8bd}.cy-state.warning{background:rgba(255,200,87,.12);color:#ffd983}.cy-state.danger{background:rgba(255,87,115,.12);color:#ff9bad}.cy-state.idle{background:rgba(50,212,255,.12);color:#7de7ff}.cy-home-expiry,.cy-home-metered{display:flex;align-items:baseline;gap:8px;margin-top:15px}.cy-home-expiry strong,.cy-home-metered strong{font-size:34px;line-height:1}.cy-home-expiry span,.cy-home-metered span{color:var(--muted)}.cy-home-progress{height:9px;background:rgba(148,163,184,.12);border-radius:99px;overflow:hidden;margin-top:12px;max-width:560px}.cy-home-progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cy22-primary),var(--cy22-cyan))}.cy-home-hero-actions{display:flex;flex-direction:column;gap:9px;min-width:210px}.cy-home-hero-actions .btn{min-height:46px;display:flex;align-items:center;justify-content:center}.cy-home-hero-empty{border-style:dashed}
.cy-home-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.cy-home-metric{display:block;padding:15px;border:1px solid var(--surface-border);border-radius:17px;background:var(--surface-soft);color:var(--text)!important;text-decoration:none!important;transition:.16s ease}.cy-home-metric:hover{transform:translateY(-2px);background:var(--surface-hover)}.cy-home-metric span,.cy-home-metric small{display:block;color:var(--muted);font-size:11px}.cy-home-metric b{display:block;font-size:20px;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cy-home-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.cy-home-actions>a{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--surface-border);border-radius:17px;background:var(--surface-soft);text-decoration:none!important;color:var(--text)!important}.cy-home-actions i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(124,92,255,.11);color:#b6a9ff;font-size:18px}.cy-home-actions span{display:flex;flex-direction:column;min-width:0}.cy-home-actions small{color:var(--muted)}
.cy-nav-section{margin:16px 10px 5px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:900}.cy-nav-section:first-child{margin-top:4px}
.cy-toast-host{position:fixed;right:18px;bottom:18px;z-index:9999;display:grid;gap:8px;max-width:min(390px,calc(100vw - 28px))}.cy-toast{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 14px;border-radius:15px;border:1px solid var(--surface-border);background:var(--surface-strong);color:var(--text);box-shadow:0 20px 55px rgba(0,0,0,.32);animation:cyToastIn .18s ease}.cy-toast.success i{color:var(--cy22-success)}.cy-toast.error i{color:var(--cy22-danger)}.cy-toast.warning i{color:var(--cy22-warning)}.cy-toast button{border:0;background:none;color:var(--muted)}@keyframes cyToastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cy-dialog-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.58);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}.cy-dialog{width:min(460px,100%);border:1px solid var(--surface-border);border-radius:22px;background:var(--surface-strong);padding:20px;box-shadow:0 26px 80px rgba(0,0,0,.45)}.cy-dialog h4{margin:0 0 8px}.cy-dialog p{color:var(--muted);margin:0 0 18px}.cy-dialog-actions{display:flex;justify-content:flex-end;gap:8px}
.cy-finance-tabs{position:sticky;top:74px;z-index:18;display:flex;gap:6px;overflow-x:auto;padding:6px;margin:0 0 12px;border:1px solid var(--surface-border);border-radius:16px;background:color-mix(in srgb,var(--surface-strong) 92%,transparent);backdrop-filter:blur(16px);scrollbar-width:none}.cy-finance-tabs::-webkit-scrollbar{display:none}.cy-finance-tabs button{flex:0 0 auto;border:0;border-radius:11px;padding:9px 13px;background:transparent;color:var(--muted);font-weight:800}.cy-finance-tabs button.active{background:rgba(124,92,255,.14);color:var(--text)}.cy-finance-panel[hidden]{display:none!important}
.cy-responsive-table{width:100%}
@media(max-width:1100px){.cy-home-metrics{grid-template-columns:repeat(3,1fr)}.cy-home-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cy-home-hero{grid-template-columns:1fr;padding:18px;border-radius:20px}.cy-home-hero-actions{min-width:0;display:grid;grid-template-columns:1fr 1fr}.cy-home-hero-actions .btn:first-child{grid-column:1/-1}.cy-home-hero-actions .btn-link{grid-column:1/-1}.cy-home-metrics{grid-template-columns:1fr 1fr;gap:8px}.cy-home-metric{padding:12px}.cy-home-metric:nth-child(5){grid-column:1/-1}.cy-home-actions{grid-template-columns:1fr 1fr;gap:8px}.cy-home-actions>a{padding:12px}.cy-toast-host{left:14px;right:14px;bottom:86px;max-width:none}.cy-dialog-backdrop{place-items:end center;padding:0}.cy-dialog{border-radius:22px 22px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));width:100%}.cy-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.cy-dialog-actions .btn{min-height:46px}.cy-finance-tabs{top:58px;margin-left:-4px;margin-right:-4px}.table-responsive{overflow:visible!important}.cy-responsive-table thead{display:none}.cy-responsive-table,.cy-responsive-table tbody{display:block}.cy-responsive-table tbody tr{display:block;margin-bottom:10px;padding:10px;border:1px solid var(--surface-border);border-radius:15px;background:var(--surface-soft)}.cy-responsive-table tbody td{display:grid!important;grid-template-columns:minmax(92px,34%) minmax(0,1fr);gap:10px;align-items:center;border:0!important;padding:7px 5px!important;min-width:0!important;white-space:normal!important}.cy-responsive-table tbody td:before{content:attr(data-cy-label);font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:850;color:var(--muted)}.cy-responsive-table tbody td[data-cy-label='']{grid-template-columns:1fr}.cy-responsive-table .form-control,.cy-responsive-table .form-select,.cy-responsive-table .btn{max-width:100%;min-width:0}.cy-responsive-table td>.d-flex{flex-wrap:wrap}}
@media(max-width:430px){.cy-home-hero-actions{grid-template-columns:1fr}.cy-home-hero-actions .btn{grid-column:auto!important}.cy-home-metrics{grid-template-columns:1fr 1fr}.cy-home-actions{grid-template-columns:1fr}.cy-home-expiry strong,.cy-home-metered strong{font-size:29px}}
html[data-theme='light'] .cy-home-hero,html[data-theme='light'] .cy-dialog,html[data-theme='light'] .cy-toast{box-shadow:0 20px 55px rgba(55,55,80,.10)}
.cy-provider-picker{display:none;gap:6px;overflow-x:auto;margin:0 0 12px;padding-bottom:2px;scrollbar-width:none}.cy-provider-picker::-webkit-scrollbar{display:none}.cy-provider-picker button{flex:0 0 auto;border:1px solid var(--surface-border);border-radius:999px;padding:8px 11px;background:var(--surface-soft);color:var(--muted);font-size:11px;font-weight:850}.cy-provider-picker button.active{border-color:rgba(124,92,255,.35);background:rgba(124,92,255,.13);color:var(--text)}
@media(max-width:760px){.cy-provider-picker{display:flex}.payment-provider-grid{display:block!important}.payment-provider-slot{display:none!important}.payment-provider-slot.cy-provider-active{display:flex!important}.payment-alt-title{margin-top:16px}}
.cy-tariff-balance{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;margin:12px 0;font-size:13px;border:1px solid var(--surface-border)}
.cy-tariff-balance a{text-decoration:none;font-weight:700}.cy-tariff-balance-ok{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.22)}.cy-tariff-balance-warn{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.22)}
@media(max-width:640px){.cy-tariff-balance{align-items:flex-start;flex-direction:column}.cy-tariff-card .btn{min-height:44px}}

/* Client UI V8 preview: navigation, skeleton, live hero, success motion */
.cy-live-eyebrow{display:flex;align-items:center;gap:8px}.cy-live-dot{width:8px;height:8px;border-radius:50%;background:var(--cy22-success);box-shadow:0 0 0 0 rgba(55,217,154,.55);animation:cyLivePulse 1.8s ease-out infinite}@keyframes cyLivePulse{70%{box-shadow:0 0 0 8px rgba(55,217,154,0)}100%{box-shadow:0 0 0 0 rgba(55,217,154,0)}}
.cy-hero-recent{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:center;max-width:560px;margin-top:16px;padding:11px 13px;border:1px solid var(--surface-border);border-radius:15px;background:color-mix(in srgb,var(--surface-soft) 88%,transparent);color:var(--text)!important;text-decoration:none!important;backdrop-filter:blur(14px)}.cy-hero-recent>span{grid-row:1/3;color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.cy-hero-recent>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cy-hero-recent>small{color:var(--muted)}.cy-hero-recent:hover{border-color:color-mix(in srgb,var(--cy-design-accent,#7c5cff) 42%,var(--surface-border));transform:translateY(-1px)}
.smart-rec{position:relative;border-radius:14px;padding:13px 10px!important;margin:3px -10px;border-bottom:0!important}.smart-rec:hover{background:color-mix(in srgb,var(--cy-design-accent,#7c5cff) 8%,transparent);transform:translateX(2px)}.smart-rec-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cy-design-accent,#7c5cff) 18%,transparent)}
.cy-page-enter .cy-customer-page{opacity:0;transform:translateY(7px)}.cy-page-enter.cy-page-entered .cy-customer-page{opacity:1;transform:none;transition:opacity var(--cy-design-motion,210ms) ease,transform var(--cy-design-motion,210ms) ease}.cy-page-leaving .cy-customer-page{opacity:.45;transform:scale(.995);transition:opacity 90ms ease,transform 90ms ease}.cy-navigating{cursor:progress}
.cy-route-skeleton{position:absolute;inset:0;z-index:70;min-height:520px;padding:2px 0 30px;background:color-mix(in srgb,var(--bg,#080a10) 72%,transparent);backdrop-filter:blur(10px)}.cy-customer-page{position:relative}.cy-skel-head,.cy-skel-grid,.cy-skel-card{border:1px solid var(--surface-border);background:var(--surface-soft);border-radius:var(--cy-design-radius,18px);overflow:hidden;position:relative}.cy-skel-head{height:170px;margin-bottom:12px;padding:24px}.cy-skel-head i,.cy-skel-head b,.cy-skel-grid span,.cy-skel-card i,.cy-skel-card b,.cy-skel-card em{display:block;border-radius:10px;background:linear-gradient(90deg,rgba(148,163,184,.08),rgba(148,163,184,.18),rgba(148,163,184,.08));background-size:220% 100%;animation:cyShimmer 1.1s linear infinite}.cy-skel-head i{width:120px;height:12px;margin-bottom:16px}.cy-skel-head b{width:min(420px,76%);height:36px}.cy-skel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border:0;background:none;margin-bottom:12px}.cy-skel-grid span{height:88px;border:1px solid var(--surface-border)}.cy-skel-card{height:155px;margin-bottom:12px;padding:20px}.cy-skel-card.short{height:110px}.cy-skel-card i{width:90px;height:10px}.cy-skel-card b{width:42%;height:24px;margin:13px 0}.cy-skel-card em{width:72%;height:11px}@keyframes cyShimmer{to{background-position:-220% 0}}
.cy-flash-consumed{opacity:.35;transition:opacity .18s ease}.cy-success-backdrop{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:18px;background:rgba(3,6,14,.30);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .2s ease}.cy-success-backdrop.show{opacity:1;pointer-events:auto}.cy-success-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:15px;width:min(520px,calc(100vw - 28px));padding:20px 22px;border:1px solid rgba(55,217,154,.25);border-radius:24px;background:color-mix(in srgb,var(--surface-strong,#0d1422) 94%,transparent);box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 50px rgba(55,217,154,.08);transform:translateY(14px) scale(.97);transition:transform .28s cubic-bezier(.2,.9,.25,1.15);overflow:hidden}.cy-success-backdrop.show .cy-success-card{transform:none}.cy-success-ring{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(55,217,154,.12);border:1px solid rgba(55,217,154,.32);color:#78e8bc;font-size:28px;box-shadow:0 0 0 8px rgba(55,217,154,.04);animation:cySuccessPop .5s .08s both}.cy-success-copy{display:flex;flex-direction:column;gap:4px}.cy-success-copy b{font-size:18px}.cy-success-copy span{color:var(--muted);font-size:12px;line-height:1.5}.cy-success-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#78e8bc;opacity:0}.cy-success-backdrop.show .cy-success-spark{animation:cySpark .8s .12s ease-out}.cy-success-spark.s1{left:18%;top:18%}.cy-success-spark.s2{left:28%;bottom:15%;animation-delay:.2s!important}.cy-success-spark.s3{right:12%;top:24%;animation-delay:.26s!important}@keyframes cySuccessPop{0%{transform:scale(.55);opacity:0}70%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}@keyframes cySpark{0%{transform:scale(.3);opacity:0}35%{opacity:1}100%{transform:translateY(-22px) scale(1.8);opacity:0}}
@media(max-width:760px){.cy-hero-recent{grid-template-columns:1fr}.cy-hero-recent>span{grid-row:auto}.cy-skel-grid{grid-template-columns:1fr 1fr}.cy-skel-grid span:nth-child(3){grid-column:1/-1}.cy-route-skeleton{min-height:620px}.cy-success-card{grid-template-columns:1fr;text-align:center;justify-items:center}.cy-success-copy{align-items:center}}
@media(prefers-reduced-motion:reduce){.cy-live-dot,.cy-skel-head i,.cy-skel-head b,.cy-skel-grid span,.cy-skel-card i,.cy-skel-card b,.cy-skel-card em,.cy-success-ring,.cy-success-spark{animation:none!important}.cy-page-enter .cy-customer-page{opacity:1;transform:none}}

/* ========================================================================
   CYRIUS Premium Living UI — frontend-only visual layer
   Dark premium SaaS / hosting-inspired language, tuned for IPTV billing.
   ======================================================================== */
:root{
  --cy-premium-blue:#5b8cff;
  --cy-premium-blue-2:#69b7ff;
  --cy-premium-violet:#8b6dff;
  --cy-premium-cyan:#61d4ff;
  --cy-premium-green:#55d6a5;
  --cy-premium-bg:#050812;
  --cy-premium-panel:rgba(10,16,30,.70);
  --cy-premium-panel-strong:rgba(9,15,28,.90);
  --cy-premium-line:rgba(151,170,205,.13);
  --cy-premium-line-hover:rgba(111,149,255,.30);
  --cy-premium-shadow:0 18px 56px rgba(0,0,0,.28);
  --cy-premium-shadow-hover:0 26px 70px rgba(0,0,0,.34),0 0 0 1px rgba(91,140,255,.06);
  --cy-premium-ease:cubic-bezier(.2,.75,.25,1);
}

body.cy-premium-ui{
  background:
    radial-gradient(circle at 10% -6%,rgba(62,105,210,.12),transparent 31%),
    radial-gradient(circle at 88% 2%,rgba(113,78,210,.11),transparent 28%),
    linear-gradient(145deg,#050812 0%,#070c17 48%,#050914 100%)!important;
  color:#eef4ff;
}
body.cy-premium-ui .shell{isolation:isolate;position:relative;z-index:1}
.cy-ambient-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.78;contain:strict}
.cy-ambient-layer::before,.cy-ambient-layer::after{content:"";position:absolute;width:min(58vw,820px);height:min(58vw,820px);border-radius:50%;filter:blur(92px);will-change:transform;transform:translate3d(0,0,0);opacity:.13}
.cy-ambient-layer::before{left:-18vw;top:-24vh;background:radial-gradient(circle,rgba(72,126,255,.88) 0%,rgba(72,126,255,.26) 38%,transparent 70%);animation:cyPremiumAmbientA 24s ease-in-out infinite alternate}
.cy-ambient-layer::after{right:-20vw;top:18vh;background:radial-gradient(circle,rgba(124,92,255,.78) 0%,rgba(82,127,255,.18) 42%,transparent 72%);animation:cyPremiumAmbientB 29s ease-in-out infinite alternate}
@keyframes cyPremiumAmbientA{0%{transform:translate3d(-1%,0,0) scale(.98)}100%{transform:translate3d(8%,7%,0) scale(1.07)}}
@keyframes cyPremiumAmbientB{0%{transform:translate3d(0,4%,0) scale(1.02)}100%{transform:translate3d(-9%,-4%,0) scale(.95)}}
html[data-theme='light'] .cy-ambient-layer{opacity:.20}

/* Premium glass surfaces */
body.cy-premium-ui .cardx,
body.cy-premium-ui .card,
body.cy-premium-ui .statx,
body.cy-premium-ui .payment-provider-card,
body.cy-premium-ui .cy-home-metric,
body.cy-premium-ui .cy-home-actions>a{
  border-color:var(--cy-premium-line)!important;
  background:linear-gradient(145deg,rgba(15,23,40,.74),rgba(8,14,27,.66))!important;
  box-shadow:var(--cy-premium-shadow)!important;
  backdrop-filter:blur(var(--cy-design-blur,20px)) saturate(122%)!important;
  -webkit-backdrop-filter:blur(var(--cy-design-blur,20px)) saturate(122%)!important;
}
body.cy-premium-ui .cardx,
body.cy-premium-ui .card,
body.cy-premium-ui .statx{border-radius:var(--cy-design-radius,20px)!important}

/* Subtle interactive cards — applied by JS only to safe visual containers */
body.cy-premium-ui .cy-hover-card{
  transform:translate3d(0,0,0);
  transition:transform 320ms var(--cy-premium-ease),border-color 320ms ease,box-shadow 320ms ease,background-color 320ms ease!important;
}
@media(hover:hover) and (pointer:fine){
  body.cy-premium-ui .cy-hover-card:hover{
    transform:translate3d(0,-3px,0) scale(1.006);
    border-color:var(--cy-premium-line-hover)!important;
    box-shadow:var(--cy-premium-shadow-hover)!important;
  }
}

/* Low-opacity mouse-follow glow */
body.cy-premium-ui .cy-mouse-glow{position:relative;isolation:isolate;--cy-mouse-x:50%;--cy-mouse-y:50%;--cy-mouse-opacity:0}
body.cy-premium-ui .cy-mouse-glow::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:radial-gradient(380px circle at var(--cy-mouse-x) var(--cy-mouse-y),rgba(98,145,255,.115),rgba(115,92,255,.035) 36%,transparent 70%);
  opacity:var(--cy-mouse-opacity);transition:opacity 260ms ease;
}
body.cy-premium-ui .cy-mouse-glow>*{position:relative;z-index:1}

/* Sidebar */
body.cy-premium-ui .side{
  background:linear-gradient(180deg,rgba(7,12,23,.88),rgba(6,11,21,.78))!important;
  border-color:rgba(144,164,199,.12)!important;
  border-radius:20px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.cy-premium-ui .brand{border-color:rgba(148,163,184,.10)!important}
body.cy-premium-ui .brand:before{
  background:linear-gradient(145deg,#557ff0,#7164dc 62%,#66b8e8)!important;
  box-shadow:0 12px 30px rgba(62,103,220,.20),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
body.cy-premium-ui .client-glow-line{
  height:1px!important;opacity:.55!important;
  background:linear-gradient(90deg,transparent,#5f87ee 22%,#806bdf 62%,#64b9e9 84%,transparent)!important;
  box-shadow:0 0 18px rgba(80,125,235,.18);
}
body.cy-premium-ui .navx a{
  position:relative;overflow:hidden;min-height:43px!important;padding:10px 12px!important;border-radius:12px!important;
  transition:transform 260ms var(--cy-premium-ease),background 260ms ease,border-color 260ms ease,color 260ms ease!important;
}
body.cy-premium-ui .navx a::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:99px;background:linear-gradient(#72a6ff,#8a76ef);opacity:0;transform:scaleY(.45);transition:opacity 260ms ease,transform 260ms var(--cy-premium-ease);box-shadow:0 0 14px rgba(92,139,255,.58)}
body.cy-premium-ui .navx a:hover{transform:translateX(2px)!important;background:rgba(74,112,192,.07)!important;border-color:rgba(111,149,255,.11)!important}
body.cy-premium-ui .navx a.active{
  color:#f4f8ff!important;background:linear-gradient(90deg,rgba(74,118,220,.16),rgba(107,86,196,.09) 58%,rgba(57,117,181,.035))!important;
  border-color:rgba(111,149,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 26px rgba(19,45,100,.08)!important;
}
body.cy-premium-ui .navx a.active::before{opacity:1;transform:scaleY(1)}
body.cy-premium-ui .navx a i,body.cy-premium-ui .navx a svg{transition:transform 260ms var(--cy-premium-ease),color 260ms ease}
body.cy-premium-ui .navx a:hover i,body.cy-premium-ui .navx a.active i{transform:translateX(1px);color:#a9c8ff}
body.cy-premium-ui .cy-nav-section{color:#63728a!important;letter-spacing:.13em!important}
body.cy-premium-ui .client-userbox{border-top-color:rgba(148,163,184,.09)!important}

/* Topbar */
body.cy-premium-ui .topx{
  border-color:rgba(144,164,199,.11)!important;border-radius:18px!important;
  background:linear-gradient(135deg,rgba(8,14,26,.76),rgba(9,15,29,.65))!important;
  box-shadow:0 14px 44px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.cy-premium-ui .client-balance{
  border-color:rgba(100,145,240,.17)!important;background:linear-gradient(145deg,rgba(64,105,205,.105),rgba(104,83,189,.065))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform 260ms var(--cy-premium-ease),border-color 260ms ease,background 260ms ease!important;
}
body.cy-premium-ui .client-balance:hover{transform:translateY(-1px);border-color:rgba(112,157,255,.28)!important;background:linear-gradient(145deg,rgba(71,116,225,.14),rgba(107,87,196,.085))!important}
body.cy-premium-ui .client-notify-btn,body.cy-premium-ui .client-theme-toggle{background:rgba(255,255,255,.025)!important}

/* Dashboard hero */
body.cy-premium-ui .cy-home-hero{
  position:relative;isolation:isolate;min-height:250px;padding:30px 31px!important;border-radius:var(--cy-design-radius,24px)!important;
  border:1px solid rgba(112,148,230,.18)!important;
  background:
    radial-gradient(circle at 82% 7%,rgba(98,111,235,.135),transparent 33%),
    radial-gradient(circle at 10% 100%,rgba(70,137,218,.07),transparent 32%),
    linear-gradient(135deg,rgba(15,24,43,.82),rgba(8,14,27,.73))!important;
  box-shadow:0 28px 82px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035),0 0 0 1px rgba(92,132,220,.025)!important;
  overflow:hidden;
}
body.cy-premium-ui .cy-home-hero::before{
  content:"";position:absolute;z-index:0;width:420px;height:420px;right:-150px;top:-220px;border-radius:50%;
  background:radial-gradient(circle,rgba(101,129,250,.17),rgba(104,85,224,.055) 45%,transparent 70%);filter:blur(12px);
  animation:cyHeroGlow 18s ease-in-out infinite alternate;pointer-events:none;
}
@keyframes cyHeroGlow{0%{transform:translate3d(-4px,4px,0) scale(.98)}100%{transform:translate3d(-24px,24px,0) scale(1.08)}}
body.cy-premium-ui .cy-home-hero-copy,body.cy-premium-ui .cy-home-hero-actions{position:relative;z-index:2}
body.cy-premium-ui .cy-home-hero h1{font-size:clamp(29px,4vw,45px)!important;font-weight:820;letter-spacing:-.045em!important;text-shadow:0 10px 35px rgba(0,0,0,.20)}
body.cy-premium-ui .cy-live-eyebrow{gap:10px!important;flex-wrap:wrap;color:#8fa0b9!important;text-transform:none!important;letter-spacing:.015em!important;font-size:11px!important}
body.cy-premium-ui .cy-live-status{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid rgba(85,214,165,.18);border-radius:999px;background:rgba(85,214,165,.07);color:#79ddb8;font-size:9px;font-weight:900;letter-spacing:.11em}
body.cy-premium-ui .cy-live-status.offline{border-color:rgba(251,113,133,.18);background:rgba(251,113,133,.07);color:#ff9aad}
body.cy-premium-ui .cy-live-greeting{color:#9aaac0;font-weight:760}
body.cy-premium-ui .cy-live-dot{width:6px;height:6px;background:#5ed9aa;box-shadow:0 0 0 0 rgba(94,217,170,.40)!important;animation:cyPremiumOnline 2.3s ease-out infinite!important}
@keyframes cyPremiumOnline{0%{box-shadow:0 0 0 0 rgba(94,217,170,.30)}70%{box-shadow:0 0 0 7px rgba(94,217,170,0)}100%{box-shadow:0 0 0 0 rgba(94,217,170,0)}}
body.cy-premium-ui .cy-state{border:1px solid transparent;backdrop-filter:blur(10px)}
body.cy-premium-ui .cy-state.success{background:rgba(85,214,165,.075);border-color:rgba(85,214,165,.15);color:#80ddb9}
body.cy-premium-ui .cy-state.warning{background:rgba(245,186,73,.08);border-color:rgba(245,186,73,.16);color:#eac976}
body.cy-premium-ui .cy-state.danger{background:rgba(247,96,124,.075);border-color:rgba(247,96,124,.16);color:#f59aae}
body.cy-premium-ui .cy-home-expiry strong,body.cy-premium-ui .cy-home-metered strong{font-size:38px!important;font-weight:840;letter-spacing:-.04em;background:linear-gradient(135deg,#fff,#b8caf0);-webkit-background-clip:text;background-clip:text;color:transparent}
body.cy-premium-ui .cy-home-progress{height:7px!important;background:rgba(148,163,184,.09)!important;border:1px solid rgba(148,163,184,.055);box-shadow:inset 0 1px 4px rgba(0,0,0,.25)}
body.cy-premium-ui .cy-home-progress span{background:linear-gradient(90deg,#557fe7,#796de4 58%,#5eb6e5)!important;box-shadow:0 0 16px rgba(91,140,255,.22)}
body.cy-premium-ui .cy-hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
body.cy-premium-ui .cy-hero-meta span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(148,163,184,.10);border-radius:999px;background:rgba(255,255,255,.025);color:#8fa1ba;font-size:11px}
body.cy-premium-ui .cy-hero-meta i{color:#8db6ff}body.cy-premium-ui .cy-hero-meta b{color:#dce8fb;font-weight:850}
body.cy-premium-ui .cy-hero-recent{border-color:rgba(148,163,184,.11)!important;background:rgba(255,255,255,.025)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
body.cy-premium-ui .cy-home-hero-actions .btn{min-height:47px!important}

/* Dashboard metric/action cards */
body.cy-premium-ui .cy-home-metrics{gap:11px!important}
body.cy-premium-ui .cy-home-metric{position:relative;padding:16px 16px!important;border-radius:17px!important;box-shadow:0 12px 36px rgba(0,0,0,.14)!important}
body.cy-premium-ui .cy-home-metric span{font-size:10px!important;text-transform:uppercase;letter-spacing:.075em;font-weight:800;color:#73839c!important}
body.cy-premium-ui .cy-home-metric b{font-size:21px!important;letter-spacing:-.025em}
body.cy-premium-ui .cy-home-metric small{color:#708198!important}
body.cy-premium-ui .cy-home-actions>a{position:relative;border-radius:17px!important;box-shadow:0 12px 36px rgba(0,0,0,.13)!important}
body.cy-premium-ui .cy-home-actions i{background:linear-gradient(145deg,rgba(83,125,226,.13),rgba(111,92,210,.08))!important;color:#9bbcff!important;border:1px solid rgba(116,153,241,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}

/* Buttons */
body.cy-premium-ui .btn{position:relative;overflow:hidden;transition:transform 220ms var(--cy-premium-ease),filter 220ms ease,border-color 220ms ease,background 220ms ease,box-shadow 220ms ease!important}
body.cy-premium-ui .btn-primary,
body.cy-premium-ui .btn-orange,
body.cy-premium-ui .btn-warning{
  background:linear-gradient(135deg,#527de5 0%,#6d68df 58%,#55a9dc 100%)!important;
  border:1px solid rgba(151,178,255,.15)!important;
  box-shadow:0 9px 24px rgba(48,84,180,.20),inset 0 1px 0 rgba(255,255,255,.16)!important;
  color:#fff!important;
}
body.cy-premium-ui .btn-primary::before,body.cy-premium-ui .btn-orange::before,body.cy-premium-ui .btn-warning::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.10) 48%,transparent 74%);transform:translateX(-130%);transition:transform 520ms ease;pointer-events:none}
@media(hover:hover){body.cy-premium-ui .btn-primary:hover::before,body.cy-premium-ui .btn-orange:hover::before,body.cy-premium-ui .btn-warning:hover::before{transform:translateX(130%)}body.cy-premium-ui .btn:hover{transform:translateY(-1px)}body.cy-premium-ui .btn:hover i.bi-arrow-right,body.cy-premium-ui .btn:hover i.bi-arrow-right-short,body.cy-premium-ui a:hover i.bi-arrow-right{transform:translateX(3px)}}
body.cy-premium-ui .btn:active{transform:translateY(0) scale(.98)!important}
body.cy-premium-ui .btn i{transition:transform 220ms var(--cy-premium-ease)}
body.cy-premium-ui .btn-outline-light,body.cy-premium-ui .btn-outline-info,body.cy-premium-ui .btn-outline-secondary{background:rgba(255,255,255,.025)!important;border-color:rgba(148,163,184,.14)!important;color:#b7c4d7!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
body.cy-premium-ui .btn-outline-light:hover,body.cy-premium-ui .btn-outline-info:hover,body.cy-premium-ui .btn-outline-secondary:hover{background:rgba(85,126,214,.075)!important;border-color:rgba(107,151,245,.23)!important;color:#eef5ff!important}

/* Inputs and micro-interactions */
body.cy-premium-ui .form-control,body.cy-premium-ui .form-select,body.cy-premium-ui .input-group-text{
  background:rgba(7,13,25,.72)!important;border-color:rgba(148,163,184,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018);transition:border-color 220ms ease,box-shadow 220ms ease,background 220ms ease!important
}
body.cy-premium-ui .form-control:hover,body.cy-premium-ui .form-select:hover{border-color:rgba(133,159,212,.22)!important}
body.cy-premium-ui .form-control:focus,body.cy-premium-ui .form-select:focus{background:rgba(8,15,29,.88)!important;border-color:rgba(99,145,244,.48)!important;box-shadow:0 0 0 .18rem rgba(72,120,225,.085),inset 0 1px 0 rgba(255,255,255,.022)!important}
body.cy-premium-ui .form-check-input{transition:background-color 220ms ease,border-color 220ms ease,box-shadow 220ms ease,transform 220ms var(--cy-premium-ease)}
body.cy-premium-ui .form-switch .form-check-input:checked{background-color:#5f7fe0!important;border-color:#718be2!important;box-shadow:0 0 16px rgba(95,127,224,.18)!important}
body.cy-premium-ui .form-check-input:active{transform:scale(.94)}
body.cy-premium-ui .nav-tabs .nav-link{position:relative;border:0!important;background:transparent!important;color:#8392aa!important;transition:color 220ms ease,background 220ms ease!important}
body.cy-premium-ui .nav-tabs .nav-link::after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:2px;border-radius:99px;background:linear-gradient(90deg,#5f88ef,#806fe2);transform:scaleX(0);opacity:0;transition:transform 260ms var(--cy-premium-ease),opacity 260ms ease}
body.cy-premium-ui .nav-tabs .nav-link.active{color:#eef4ff!important}body.cy-premium-ui .nav-tabs .nav-link.active::after{transform:scaleX(1);opacity:1}
body.cy-premium-ui .dropdown-menu{background:rgba(8,14,27,.96)!important;border:1px solid rgba(148,163,184,.14)!important;border-radius:14px!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important;backdrop-filter:blur(22px);animation:cyDropdownIn 180ms var(--cy-premium-ease)}
body.cy-premium-ui .dropdown-item{color:#b9c6d9!important;border-radius:9px;transition:background 160ms ease,color 160ms ease}
body.cy-premium-ui .dropdown-item:hover,body.cy-premium-ui .dropdown-item:focus{background:rgba(83,126,220,.09)!important;color:#f0f5ff!important}
@keyframes cyDropdownIn{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}

/* Tables */
body.cy-premium-ui .table-responsive{border-color:rgba(148,163,184,.10)!important;border-radius:16px!important;background:rgba(8,14,26,.38);box-shadow:0 12px 36px rgba(0,0,0,.10)}
body.cy-premium-ui .table{font-size:12.5px!important}
body.cy-premium-ui .table thead{position:sticky;top:0;z-index:2}
body.cy-premium-ui .table thead th,body.cy-premium-ui .table-secondary th{background:rgba(12,20,35,.96)!important;color:#7f90aa!important;border-bottom-color:rgba(148,163,184,.12)!important;backdrop-filter:blur(12px)}
body.cy-premium-ui .table tbody tr{transition:background 220ms ease,box-shadow 220ms ease!important}
body.cy-premium-ui .table tbody tr:hover{background:linear-gradient(90deg,rgba(69,109,205,.055),rgba(101,82,190,.025))!important;box-shadow:inset 2px 0 0 rgba(96,141,239,.30)}
body.cy-premium-ui .table>:not(caption)>*>*{border-color:rgba(148,163,184,.075)!important}

/* Modals/dialogs */
body.cy-premium-ui .cy-dialog-backdrop,body.cy-premium-ui .modal-backdrop{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.cy-premium-ui .cy-dialog-backdrop{background:rgba(2,6,14,.60)!important;opacity:0;animation:cyBackdropIn 180ms ease forwards}
body.cy-premium-ui .cy-dialog{background:linear-gradient(145deg,rgba(15,23,40,.96),rgba(7,13,25,.95))!important;border-color:rgba(149,171,215,.15)!important;border-radius:22px!important;box-shadow:0 34px 100px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035)!important;transform:translateY(8px) scale(.96);opacity:0;animation:cyDialogIn 300ms cubic-bezier(.18,.88,.26,1.12) forwards}
body.cy-premium-ui .cy-dialog-backdrop.cy-dialog-closing{animation:cyBackdropOut 170ms ease forwards}body.cy-premium-ui .cy-dialog-backdrop.cy-dialog-closing .cy-dialog{animation:cyDialogOut 170ms ease forwards}
body.cy-premium-ui .modal-content{background:linear-gradient(145deg,rgba(15,23,40,.97),rgba(7,13,25,.96))!important;border-color:rgba(149,171,215,.15)!important;border-radius:22px!important;box-shadow:0 34px 100px rgba(0,0,0,.48)!important}
body.cy-premium-ui .modal.show .modal-dialog{animation:cyDialogIn 300ms cubic-bezier(.18,.88,.26,1.12)}
@keyframes cyBackdropIn{to{opacity:1}}@keyframes cyBackdropOut{to{opacity:0}}@keyframes cyDialogIn{to{opacity:1;transform:none}}@keyframes cyDialogOut{to{opacity:0;transform:translateY(5px) scale(.975)}}

/* Scroll reveal */
body.cy-premium-ui .cy-reveal{opacity:0;transform:translate3d(0,20px,0);transition:opacity 520ms ease,transform 520ms var(--cy-premium-ease);transition-delay:var(--cy-reveal-delay,0ms)}
body.cy-premium-ui .cy-reveal.cy-revealed{opacity:1;transform:none}

/* Route skeleton — mimics actual premium dashboard */
body.cy-premium-ui .cy-route-skeleton{background:rgba(5,9,18,.72)!important;backdrop-filter:blur(14px)!important;border-radius:18px}
body.cy-premium-ui .cy-skel-head,body.cy-premium-ui .cy-skel-card,body.cy-premium-ui .cy-skel-table{border-color:rgba(148,163,184,.09)!important;background:linear-gradient(145deg,rgba(15,23,40,.62),rgba(8,14,27,.54))!important;box-shadow:0 12px 36px rgba(0,0,0,.11)}
body.cy-premium-ui .cy-skel-grid{grid-template-columns:repeat(5,1fr)!important}
body.cy-premium-ui .cy-skel-grid span{height:94px!important;border-radius:16px!important;border:1px solid rgba(148,163,184,.08)!important;background-color:rgba(12,19,33,.62)!important}
body.cy-premium-ui .cy-skel-head i,body.cy-premium-ui .cy-skel-head b,body.cy-premium-ui .cy-skel-grid span,body.cy-premium-ui .cy-skel-card i,body.cy-premium-ui .cy-skel-card b,body.cy-premium-ui .cy-skel-card em,body.cy-premium-ui .cy-skel-line{
  background-image:linear-gradient(100deg,rgba(117,139,177,.055) 18%,rgba(147,173,218,.13) 42%,rgba(117,139,177,.055) 68%)!important;background-size:220% 100%!important;animation-duration:1.35s!important
}
.cy-skel-table{height:185px;margin-bottom:12px;padding:18px;border:1px solid var(--surface-border);border-radius:var(--cy-design-radius,18px);display:grid;gap:11px}.cy-skel-line{display:block;height:13px;border-radius:8px}.cy-skel-line:nth-child(1){width:38%}.cy-skel-line:nth-child(2){width:92%}.cy-skel-line:nth-child(3){width:84%}.cy-skel-line:nth-child(4){width:95%}.cy-skel-line:nth-child(5){width:76%}

/* Success = compact non-blocking toast */
.cy-success-host{position:fixed;right:18px;top:18px;z-index:10030;width:min(430px,calc(100vw - 28px));display:grid;gap:10px;pointer-events:none}
.cy-success-pop{pointer-events:auto;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 15px;border:1px solid rgba(85,214,165,.20);border-radius:17px;background:linear-gradient(145deg,rgba(10,24,25,.94),rgba(8,16,27,.96));box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 34px rgba(85,214,165,.055),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(22px);opacity:0;transform:translate3d(0,-10px,0) scale(.975);transition:opacity 240ms ease,transform 280ms cubic-bezier(.18,.88,.26,1.12);overflow:hidden}
.cy-success-pop::after{content:"";position:absolute;inset:0;background:radial-gradient(280px circle at 8% 50%,rgba(85,214,165,.08),transparent 58%);pointer-events:none}.cy-success-pop.show{opacity:1;transform:none}.cy-success-pop.leaving{opacity:0;transform:translate3d(0,-6px,0) scale(.985)}
.cy-success-icon{position:relative;z-index:1;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(85,214,165,.25);background:rgba(85,214,165,.08);color:#77ddb7;box-shadow:0 0 0 7px rgba(85,214,165,.025);font-size:19px;animation:cySuccessTick 420ms .05s cubic-bezier(.18,.88,.26,1.18) both}.cy-success-text{position:relative;z-index:1;min-width:0}.cy-success-text b{display:block;color:#f1f8f5;font-size:13px;line-height:1.3}.cy-success-text span{display:block;color:#81958f;font-size:11px;margin-top:2px;white-space:normal}.cy-success-close{position:relative;z-index:1;border:0;background:transparent;color:#71837e;width:30px;height:30px;border-radius:9px;transition:background 160ms ease,color 160ms ease}.cy-success-close:hover{background:rgba(255,255,255,.04);color:#b9cbc5}@keyframes cySuccessTick{0%{opacity:0;transform:scale(.55) rotate(-8deg)}70%{opacity:1;transform:scale(1.08)}100%{transform:scale(1)}}
body.cy-premium-ui .cy-flash-consumed{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Copy feedback */
body.cy-premium-ui .cy-copy-ok{animation:cyCopyPulse 620ms ease}
@keyframes cyCopyPulse{0%{box-shadow:0 0 0 0 rgba(85,214,165,.18)}50%{box-shadow:0 0 0 6px rgba(85,214,165,.055)}100%{box-shadow:0 0 0 0 rgba(85,214,165,0)}}

/* Badges/progress */
body.cy-premium-ui .badge{border:1px solid rgba(255,255,255,.045);font-weight:800;letter-spacing:.01em}
body.cy-premium-ui .progress{background:rgba(148,163,184,.08)!important;box-shadow:inset 0 1px 4px rgba(0,0,0,.22)}
body.cy-premium-ui .progress-bar{background:linear-gradient(90deg,#557fe7,#756de1 58%,#5badde)!important;box-shadow:0 0 14px rgba(91,140,255,.14)}

/* Toast base */
body.cy-premium-ui .cy-toast{background:linear-gradient(145deg,rgba(14,22,38,.96),rgba(7,13,25,.96))!important;border-color:rgba(148,163,184,.14)!important;border-radius:15px!important;box-shadow:0 20px 60px rgba(0,0,0,.35)!important;backdrop-filter:blur(20px)}

/* Mobile */
@media(max-width:1100px){body.cy-premium-ui .cy-skel-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:760px){
  .cy-ambient-layer::before,.cy-ambient-layer::after{width:115vw;height:115vw;filter:blur(72px);opacity:.10}
  body.cy-premium-ui .side{border-radius:0 22px 22px 0!important}
  body.cy-premium-ui .topx{border-radius:15px!important;background:rgba(7,13,25,.82)!important}
  body.cy-premium-ui .mobile-bottom-nav{background:rgba(7,13,25,.90)!important;border-color:rgba(148,163,184,.12)!important;border-radius:18px!important;box-shadow:0 18px 55px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.025)!important}
  body.cy-premium-ui .mobile-bottom-nav a.active{background:linear-gradient(145deg,rgba(72,115,216,.16),rgba(108,88,195,.10))!important;color:#eef5ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
  body.cy-premium-ui .cy-home-hero{padding:22px!important;min-height:0}
  body.cy-premium-ui .cy-home-hero h1{font-size:30px!important}
  body.cy-premium-ui .cy-home-hero-actions{display:grid;grid-template-columns:1fr 1fr}
  body.cy-premium-ui .cy-home-hero-actions .btn:first-child{grid-column:1/-1}
  body.cy-premium-ui .cy-home-metric{padding:14px!important}
  body.cy-premium-ui .cy-skel-grid{grid-template-columns:1fr 1fr!important}
  .cy-success-host{top:auto;right:14px;left:14px;bottom:90px;width:auto}
  .cy-success-pop{border-radius:16px}
}
@media(max-width:430px){body.cy-premium-ui .cy-home-hero-actions{grid-template-columns:1fr}.cy-success-pop{grid-template-columns:auto minmax(0,1fr) auto}}

/* Accessibility/performance */
@media(prefers-reduced-motion:reduce){
  .cy-ambient-layer::before,.cy-ambient-layer::after,body.cy-premium-ui .cy-home-hero::before,body.cy-premium-ui .cy-live-dot,.cy-success-icon{animation:none!important}
  body.cy-premium-ui .cy-reveal{opacity:1!important;transform:none!important;transition:none!important}
  body.cy-premium-ui .cy-hover-card,body.cy-premium-ui .btn,body.cy-premium-ui .navx a{transition-duration:.01ms!important}
  body.cy-premium-ui .cy-hover-card:hover,body.cy-premium-ui .btn:hover{transform:none!important}
}


/* source: cyrius-ui-core-v1.css */
/* CYRIUS UI Core v1.1.8 — shared visual and responsive foundation.
   Loaded last; intentionally scoped by .cy-ui-core-v1. */

:root {
  --cy-ui-bg: #050403;
  --cy-ui-surface: #100d0a;
  --cy-ui-surface-2: #17110c;
  --cy-ui-surface-3: #0a0806;
  --cy-ui-line: rgba(255, 155, 64, .12);
  --cy-ui-line-strong: rgba(255, 166, 79, .22);
  --cy-ui-text: #fffaf5;
  --cy-ui-muted: #a99c90;
  --cy-ui-primary: #ff8a1f;
  --cy-ui-primary-strong: #e86900;
  --cy-ui-brand: #ff6500;
  --cy-ui-money: #ff951f;
  --cy-ui-success: #39d39b;
  --cy-ui-warning: #f6c85f;
  --cy-ui-danger: #ff6478;
  --cy-ui-radius-sm: 10px;
  --cy-ui-radius: 16px;
  --cy-ui-radius-lg: 22px;
  --cy-ui-shadow: 0 18px 55px rgba(0, 0, 0, .20);
  --cy-ui-focus: 0 0 0 3px rgba(255, 138, 31, .24);
}

html[data-theme='light'] {
  --cy-ui-bg: #f5f2ed;
  --cy-ui-surface: #ffffff;
  --cy-ui-surface-2: #faf7f2;
  --cy-ui-surface-3: #fffaf4;
  --cy-ui-line: rgba(78, 57, 40, .11);
  --cy-ui-line-strong: rgba(78, 57, 40, .20);
  --cy-ui-text: #201a15;
  --cy-ui-muted: #776b61;
  --cy-ui-shadow: 0 16px 48px rgba(66, 45, 27, .09);
  color-scheme: light;
}

body.cy-ui-core-v1 {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.cy-ui-core-v1 :where(button, a, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--cy-ui-primary) !important;
  outline-offset: 2px !important;
  box-shadow: var(--cy-ui-focus) !important;
}

body.cy-ui-core-v1 :where(button, a, input, select, textarea)[disabled],
body.cy-ui-core-v1 :where(button, a, input, select, textarea)[aria-disabled='true'] {
  cursor: not-allowed !important;
  opacity: .55 !important;
}

body.cy-ui-core-v1 :where(.btn, button, [role='button']) {
  touch-action: manipulation;
}

body.cy-ui-core-v1 .btn:not(.btn-sm):not(.btn-lg) {
  min-height: 42px;
  padding: 9px 14px;
  border-radius: var(--cy-ui-radius-sm) !important;
  font-size: 13px;
  font-weight: 750;
}

body.cy-ui-core-v1 .btn-sm {
  min-height: 36px;
  padding: 7px 11px;
  border-radius: 9px !important;
  font-size: 12px;
}

body.cy-ui-core-v1 .btn-lg {
  min-height: 48px;
  border-radius: 13px !important;
}

body.cy-ui-core-v1 :where(.form-control, .form-select) {
  min-height: 44px;
  border-radius: 11px !important;
  font-size: 14px !important;
}

body.cy-ui-core-v1 textarea.form-control {
  min-height: 112px;
  line-height: 1.55;
}

body.cy-ui-core-v1 .form-label {
  margin-bottom: 6px;
  font-size: 12px !important;
  font-weight: 700;
}

body.cy-ui-core-v1 :where(.muted, .small-muted, .text-secondary) {
  color: var(--cy-ui-muted) !important;
}

body.cy-ui-core-v1 .alert {
  border-radius: 13px;
  font-size: 13px;
  line-height: 1.5;
}

body.cy-ui-core-v1 .badge {
  padding: .45em .68em;
  font-size: 10px;
  font-weight: 780;
}

body.cy-ui-core-v1 .table {
  font-variant-numeric: tabular-nums;
}

body.cy-ui-core-v1 .table thead th {
  padding: 11px 13px;
  color: var(--cy-ui-muted) !important;
  font-size: 10px !important;
  font-weight: 800;
  letter-spacing: .045em;
  text-transform: uppercase;
  white-space: nowrap;
}

body.cy-ui-core-v1 .table tbody td {
  padding: 12px 13px;
  font-size: 13px !important;
  line-height: 1.4;
}

body.cy-ui-core-v1 .modal-content,
body.cy-ui-core-v1 dialog {
  border-radius: var(--cy-ui-radius-lg) !important;
}

body.cy-ui-core-v1 [hidden] { display: none !important; }

body.cy-ui-core-v1 .cy-password-field {
  position: relative;
}

body.cy-ui-core-v1 .cy-password-field > .form-control {
  padding-right: 48px !important;
}

body.cy-ui-core-v1 .cy-password-toggle {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 6px;
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--cy-ui-muted);
  transform: translateY(-50%);
}

body.cy-ui-core-v1 .cy-password-toggle:hover {
  background: rgba(255, 138, 31, .10);
  color: var(--cy-ui-text);
}

body.cy-ui-core-v1 .auth-card {
  border-color: var(--cy-ui-line) !important;
  border-radius: 24px !important;
  box-shadow: var(--cy-ui-shadow) !important;
}

body.cy-ui-core-v1 .auth-card .form-label,
body.cy-ui-core-v1 .auth-card p,
body.cy-ui-core-v1 .auth-card-switch {
  font-size: 13px !important;
}

body.cy-ui-core-v1 .auth-mini-trust div {
  font-size: 11px !important;
  line-height: 1.35;
}

/* Customer shell */
body.cy-ui-core-v1.cy-premium-ui {
  --surface: var(--cy-ui-surface);
  --surface-soft: var(--cy-ui-surface-2);
  --surface-strong: var(--cy-ui-surface-3);
  --surface-border: var(--cy-ui-line);
  --surface-border-strong: var(--cy-ui-line-strong);
  --text: var(--cy-ui-text);
  --muted: var(--cy-ui-muted);
  --violet: var(--cy-ui-primary);
  --blue: var(--cy-ui-primary);
  --cyan: #ffb15c;
  background: radial-gradient(900px 560px at 8% -10%, rgba(255, 138, 31, .10), transparent 64%),
              radial-gradient(760px 480px at 105% 5%, rgba(255, 179, 71, .07), transparent 66%),
              var(--cy-ui-bg) !important;
  color: var(--cy-ui-text) !important;
}

body.cy-ui-core-v1.cy-premium-ui .shell {
  grid-template-columns: 246px minmax(0, 1fr) !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 1720px !important;
  margin: 0 auto !important;
  padding: 14px !important;
}

body.cy-ui-core-v1.cy-premium-ui .side {
  width: 246px !important;
  border: 1px solid var(--cy-ui-line) !important;
  border-radius: 19px !important;
  background: color-mix(in srgb, var(--cy-ui-surface) 92%, transparent) !important;
  box-shadow: none !important;
}

body.cy-ui-core-v1.cy-premium-ui .brand {
  min-height: 58px;
  padding: 10px 9px 15px !important;
}

body.cy-ui-core-v1.cy-premium-ui .brand-mark,
body.cy-ui-core-v1.cy-premium-ui .brand:before {
  background: linear-gradient(135deg, var(--cy-ui-brand), var(--cy-ui-primary)) !important;
  box-shadow: 0 9px 25px rgba(255, 138, 31, .20) !important;
}

body.cy-ui-core-v1.cy-premium-ui .client-glow-line {
  height: 1px !important;
  margin: 0 8px 10px !important;
  background: linear-gradient(90deg, transparent, var(--cy-ui-primary), var(--cy-ui-brand), transparent) !important;
  opacity: .72;
}

body.cy-ui-core-v1.cy-premium-ui .navx {
  padding: 0 3px 12px !important;
}

body.cy-ui-core-v1.cy-premium-ui .cy-nav-section,
body.cy-ui-core-v1.cy-premium-ui .cy-ui-nav-heading {
  width: 100%;
  margin: 10px 0 4px !important;
  padding: 6px 10px !important;
  border: 0;
  background: transparent;
  color: var(--cy-ui-muted) !important;
  font-size: 10px !important;
  font-weight: 820 !important;
  letter-spacing: .075em !important;
  text-align: left;
  text-transform: uppercase;
}

body.cy-ui-core-v1.cy-premium-ui .cy-ui-nav-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

body.cy-ui-core-v1.cy-premium-ui .cy-ui-nav-heading::after {
  content: '\f282';
  font-family: bootstrap-icons;
  font-size: 10px;
  transition: transform .18s ease;
}

body.cy-ui-core-v1.cy-premium-ui .cy-ui-nav-heading[aria-expanded='false']::after {
  transform: rotate(-90deg);
}

body.cy-ui-core-v1.cy-premium-ui .cy-ui-nav-group[hidden] { display: none !important; }

body.cy-ui-core-v1.cy-premium-ui .navx a {
  min-height: 43px !important;
  margin: 2px 0 !important;
  padding: 9px 11px !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  color: var(--cy-ui-muted) !important;
  font-size: 13px !important;
}

body.cy-ui-core-v1.cy-premium-ui .navx a:hover {
  border-color: var(--cy-ui-line) !important;
  background: rgba(255, 138, 31, .065) !important;
  color: var(--cy-ui-text) !important;
}

body.cy-ui-core-v1.cy-premium-ui .navx a.active {
  border-color: rgba(255, 138, 31, .25) !important;
  background: linear-gradient(90deg, rgba(255, 138, 31, .18), rgba(255, 77, 46, .05)) !important;
  box-shadow: inset 3px 0 0 var(--cy-ui-primary) !important;
  color: #fff !important;
}

body.cy-ui-core-v1.cy-premium-ui .navx .nav-icon {
  color: #8f8176 !important;
}

body.cy-ui-core-v1.cy-premium-ui .navx a.active .nav-icon {
  color: #ffb86f !important;
}

body.cy-ui-core-v1.cy-premium-ui .client-userbox {
  margin: auto 3px 3px !important;
  padding: 12px !important;
  border: 1px solid var(--cy-ui-line) !important;
  border-radius: 14px !important;
  background: var(--cy-ui-surface-2) !important;
}

body.cy-ui-core-v1.cy-premium-ui .mainx {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  padding: 0 2px 32px !important;
}

body.cy-ui-core-v1.cy-premium-ui .topx {
  top: 14px !important;
  min-height: 68px !important;
  margin-bottom: 16px !important;
  padding: 11px 15px !important;
  border: 1px solid var(--cy-ui-line) !important;
  border-radius: 17px !important;
  background: color-mix(in srgb, var(--cy-ui-bg) 82%, transparent) !important;
  box-shadow: none !important;
  backdrop-filter: blur(20px);
}

body.cy-ui-core-v1.cy-premium-ui .topx h2 {
  font-size: clamp(20px, 2.1vw, 27px) !important;
}

body.cy-ui-core-v1.cy-premium-ui .client-page-subtitle,
body.cy-ui-core-v1.cy-premium-ui .client-user-sub,
body.cy-ui-core-v1.cy-premium-ui .brand-sub {
  font-size: 11px !important;
}

body.cy-ui-core-v1.cy-premium-ui :where(.cardx, .card, .metric-card, .news-list, .quick-actions, .client-section, .account-section) {
  border-color: var(--cy-ui-line) !important;
  border-radius: var(--cy-ui-radius) !important;
  background: color-mix(in srgb, var(--cy-ui-surface) 96%, transparent) !important;
  box-shadow: none !important;
}

body.cy-ui-core-v1.cy-premium-ui .cardx {
  padding: 18px !important;
}

body.cy-ui-core-v1.cy-premium-ui .section-title {
  font-size: 16px !important;
  font-weight: 760 !important;
}

body.cy-ui-core-v1.cy-premium-ui .section-sub {
  margin-top: 4px;
  color: var(--cy-ui-muted) !important;
  font-size: 12px !important;
  line-height: 1.45;
}

body.cy-ui-core-v1.cy-premium-ui .btn-primary,
body.cy-ui-core-v1.cy-premium-ui .btn-orange {
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--cy-ui-primary), var(--cy-ui-primary-strong)) !important;
  color: #fff !important;
  box-shadow: 0 9px 24px rgba(255, 138, 31, .17) !important;
}

body.cy-ui-core-v1.cy-premium-ui .btn-warning {
  border-color: transparent !important;
  background: linear-gradient(135deg, #ff8311, #ffad42) !important;
  color: #211006 !important;
}

body.cy-ui-core-v1.cy-premium-ui .btn-outline-light,
body.cy-ui-core-v1.cy-premium-ui .btn-outline-secondary {
  border-color: var(--cy-ui-line-strong) !important;
  background: transparent !important;
  color: var(--cy-ui-text) !important;
}

body.cy-ui-core-v1.cy-premium-ui .form-control,
body.cy-ui-core-v1.cy-premium-ui .form-select,
body.cy-ui-core-v1.cy-premium-ui .input-group-text {
  border-color: var(--cy-ui-line-strong) !important;
  background: var(--cy-ui-surface-3) !important;
  color: var(--cy-ui-text) !important;
}

body.cy-ui-core-v1.cy-premium-ui .form-control:focus,
body.cy-ui-core-v1.cy-premium-ui .form-select:focus {
  border-color: rgba(255, 138, 31, .70) !important;
  box-shadow: var(--cy-ui-focus) !important;
}

html:not([data-theme='light']) body.cy-ui-core-v1.cy-premium-ui .client-balance {
  border-color: rgba(255, 151, 55, .18) !important;
  background: linear-gradient(145deg, rgba(255, 122, 0, .12), rgba(91, 31, 0, .09)) !important;
}

html:not([data-theme='light']) body.cy-ui-core-v1.cy-premium-ui .client-balance-icon {
  border-color: rgba(255, 151, 55, .16) !important;
  background: linear-gradient(145deg, rgba(255, 132, 12, .14), rgba(88, 31, 0, .10)) !important;
  color: #ffad59 !important;
}

/* Playlist pages use the same warm Orange Black surfaces as the whole cabinet. */
body.cy-ui-core-v1.cy-premium-ui .pl2-card {
  border-color: rgba(255, 138, 31, .20) !important;
  background: linear-gradient(145deg, rgba(18, 14, 10, .96), rgba(8, 7, 5, .95)) !important;
}

body.cy-ui-core-v1.cy-premium-ui .pl2-card::before {
  background: rgba(255, 138, 31, .10) !important;
}

body.cy-ui-core-v1.cy-premium-ui .pl2-helpbox,
body.cy-ui-core-v1.cy-premium-ui .pl2-helpbox.orange {
  border-color: rgba(255, 138, 31, .22) !important;
  background: rgba(255, 138, 31, .07) !important;
  color: #ffe4c2 !important;
}

body.cy-ui-core-v1.cy-premium-ui .pl2-helpbox i,
body.cy-ui-core-v1.cy-premium-ui .pl2-helpbox.orange i {
  color: #ffad54 !important;
}

body.cy-ui-core-v1.cy-premium-ui .pl2-helpbox span,
body.cy-ui-core-v1.cy-premium-ui .pl2-helpbox.orange span {
  color: var(--cy-ui-muted) !important;
}

html[data-theme='light'] body.cy-ui-core-v1.cy-premium-ui .pl2-card {
  border-color: rgba(233, 107, 0, .15) !important;
  background: linear-gradient(145deg, #fff, #fff9f1) !important;
  color: #201a15 !important;
}

body.cy-ui-core-v1.cy-premium-ui .mobile-bottom-nav a.active {
  border-color: rgba(255, 151, 55, .18) !important;
  background: rgba(255, 122, 0, .15) !important;
  color: #fff !important;
}

body.cy-ui-core-v1.cy-premium-ui :where(.badge.bg-info, .badge.text-bg-info) {
  background: rgba(255, 138, 0, .13) !important;
  color: #ffc178 !important;
}

body.cy-ui-core-v1.cy-premium-ui :where(.alert-info, .alert-primary) {
  border-color: rgba(255, 151, 55, .22) !important;
  background: rgba(255, 122, 0, .07) !important;
  color: var(--cy-ui-text) !important;
}

/* Keep payment orange as a semantic exception. */
body.cy-ui-core-v1.cy-page-balance #cy-balance3 .cb-action,
body.cy-ui-core-v1.cy-page-balance #cy-balance3 .cb-card,
body.cy-ui-core-v1.cy-page-balance #cy-balance3 .cb-dialog {
  box-shadow: none !important;
}

body.cy-ui-core-v1.cy-page-balance #cy-balance3 :where(p, small, em, label, .cb-status, .cb-card-foot) {
  font-size: max(12px, 1em) !important;
}

body.cy-ui-core-v1.cy-page-balance #cy-balance3 .cb-kicker,
body.cy-ui-core-v1.cy-page-balance #cy-balance3 thead th {
  font-size: 10px !important;
}

body.cy-ui-core-v1.cy-page-balance #cy-balance3 .cb-entry b,
body.cy-ui-core-v1.cy-page-balance #cy-balance3 .cb-entry small {
  font-size: 12px !important;
}

/* Dealer Center stays inside the normal customer cabinet. */
body.cy-ui-core-v1.cy-page-dealers .shell {
  display: grid !important;
}

body.cy-ui-core-v1 .dealer-workspace {
  --ds-orange: var(--cy-ui-primary) !important;
  --ds-violet: var(--cy-ui-brand) !important;
  --pv5-orange: var(--cy-ui-primary) !important;
  --pv5-violet: var(--cy-ui-brand) !important;
  width: 100% !important;
  max-width: none !important;
  color: var(--cy-ui-text) !important;
}

body.cy-ui-core-v1 .dealer-nav-shell {
  position: sticky !important;
  top: 94px !important;
  z-index: 18;
  display: flex !important;
  gap: 5px !important;
  padding: 8px !important;
  overflow: visible !important;
  border: 1px solid var(--cy-ui-line) !important;
  border-radius: 15px !important;
  background: color-mix(in srgb, var(--cy-ui-bg) 88%, transparent) !important;
  box-shadow: none !important;
  scrollbar-width: thin;
  backdrop-filter: blur(18px);
}

body.cy-ui-core-v1 .dealer-nav-shell .dealer-v2-tabs {
  display: flex !important;
  width: 100%;
  gap: 5px !important;
  overflow: visible !important;
}

body.cy-ui-core-v1 .dealer-nav-link {
  flex: 0 0 auto;
  min-height: 40px !important;
  padding: 9px 12px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  white-space: nowrap;
}

body.cy-ui-core-v1 .dealer-nav-link.active {
  border-color: rgba(255, 138, 31, .24) !important;
  background: rgba(255, 138, 31, .15) !important;
  color: #fff !important;
}

body.cy-ui-core-v1 .dealer-quickbar {
  display: none !important;
}

body.cy-ui-core-v1 .cy-dealer-more {
  position: relative;
  flex: 0 0 auto;
  margin-left: auto;
}

body.cy-ui-core-v1 .cy-dealer-more > summary {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  gap: 7px;
  padding: 9px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--cy-ui-muted);
  font-size: 12px;
  font-weight: 750;
  list-style: none;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}

body.cy-ui-core-v1 .cy-dealer-more > summary::-webkit-details-marker {
  display: none;
}

body.cy-ui-core-v1 .cy-dealer-more > summary:hover,
body.cy-ui-core-v1 .cy-dealer-more[open] > summary,
body.cy-ui-core-v1 .cy-dealer-more.cy-dealer-more-active > summary {
  border-color: rgba(255, 138, 31, .24);
  background: rgba(255, 138, 31, .11);
  color: var(--cy-ui-text);
}

body.cy-ui-core-v1 .cy-dealer-more-chevron {
  font-size: 10px;
  transition: transform .16s ease;
}

body.cy-ui-core-v1 .cy-dealer-more[open] .cy-dealer-more-chevron {
  transform: rotate(180deg);
}

body.cy-ui-core-v1 .cy-dealer-more-menu {
  position: absolute;
  z-index: 50;
  top: calc(100% + 7px);
  right: 0;
  display: grid;
  width: min(270px, calc(100vw - 28px));
  gap: 3px;
  padding: 7px;
  border: 1px solid var(--cy-ui-line);
  border-radius: 13px;
  background: var(--cy-ui-surface);
  box-shadow: var(--cy-ui-shadow);
}

body.cy-ui-core-v1 .cy-dealer-more-menu .dealer-nav-link {
  width: 100%;
  justify-content: flex-start;
}

body.cy-ui-core-v1 .cy-dealer-help {
  margin: 0 0 13px;
  border: 1px solid var(--cy-ui-line);
  border-radius: 13px;
  background: color-mix(in srgb, var(--cy-ui-surface-2) 72%, transparent);
}

body.cy-ui-core-v1 .cy-dealer-help > summary {
  display: flex;
  min-height: 43px;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  color: var(--cy-ui-muted);
  font-size: 12px;
  font-weight: 750;
  list-style: none;
  cursor: pointer;
}

body.cy-ui-core-v1 .cy-dealer-help > summary::-webkit-details-marker {
  display: none;
}

body.cy-ui-core-v1 .cy-dealer-help > summary::after {
  content: '\203a';
  margin-left: auto;
  font-size: 18px;
  transform: rotate(90deg);
  transition: transform .16s ease;
}

body.cy-ui-core-v1 .cy-dealer-help[open] > summary::after {
  transform: rotate(-90deg);
}

body.cy-ui-core-v1 .cy-dealer-help .dv6-guide {
  margin: 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--cy-ui-line) !important;
  border-radius: 0 0 13px 13px !important;
}

body.cy-ui-core-v1 .dealer-workspace :where(.dealer-hero, .ds-page-head, .ds-panel, .dealer-master-detail, .dealer-master-sidebar, .dpv5-head, .dpv5-create, .dpv5-rail, .dpv5-detail-card, .dealer-section-head) {
  border-color: var(--cy-ui-line) !important;
  border-radius: var(--cy-ui-radius-lg) !important;
  box-shadow: none !important;
}

body.cy-ui-core-v1 .dealer-workspace :where(small, .muted, .dealer-kicker, .ds-eyebrow, .ds-mini-kicker, .dpv5-eyebrow, label) {
  font-size: 11px !important;
  line-height: 1.45 !important;
}

body.cy-ui-core-v1 .dealer-workspace :where(.form-control, .form-select) {
  min-height: 44px !important;
  font-size: 14px !important;
}

body.cy-ui-core-v1 .dealer-workspace .dealer-master-layout {
  grid-template-columns: 320px minmax(0, 1fr) !important;
  gap: 16px !important;
}

body.cy-ui-core-v1 .dealer-workspace .dealer-master-sidebar {
  grid-column: 1;
  grid-row: 1;
}

body.cy-ui-core-v1 .dealer-workspace .dealer-master-detail {
  grid-column: 2;
  grid-row: 1;
}

body.cy-ui-core-v1 .dealer-workspace .dpv5-workspace {
  grid-template-columns: 310px minmax(0, 1fr) !important;
}

body.cy-ui-core-v1 .dealer-workspace .dpv5-rail {
  grid-column: 1;
  grid-row: 1;
}

body.cy-ui-core-v1 .dealer-workspace .dpv5-detail {
  grid-column: 2;
  grid-row: 1;
}

body.cy-ui-core-v1 .dealer-workspace .dpv5-tabs {
  display: flex !important;
  gap: 4px !important;
  overflow-x: auto !important;
  scrollbar-width: thin;
}

body.cy-ui-core-v1 .dealer-workspace .dpv5-tabs button {
  flex: 0 0 auto;
  min-height: 40px !important;
  font-size: 12px !important;
  white-space: nowrap;
}

body.cy-ui-core-v1 .dealer-workspace :where(.dpv5-danger, .danger-zone, [class*='danger']) {
  border-color: rgba(255, 100, 120, .22) !important;
}

/* Dealer Center / Clients.
   Dealer V6 loads its own CSS after the cabinet layout. Use page-scoped,
   higher-specificity rules so the customer workspace follows Orange Black. */
body.cy-ui-core-v1.cy-premium-ui.cy-page-dealers .dealer-workspace {
  --dw-line: var(--cy-ui-line) !important;
  --dw-line-strong: var(--cy-ui-line-strong) !important;
  --dw-soft: rgba(255, 138, 31, .035) !important;
  --dw-card: var(--cy-ui-surface) !important;
  --dw-card-2: var(--cy-ui-surface-3) !important;
  --dw-muted: var(--cy-ui-muted) !important;
  --dw-accent: var(--cy-ui-primary) !important;
  --dw-accent2: var(--cy-ui-primary-strong) !important;
  --du-accent: var(--cy-ui-primary) !important;
  --du-accent-2: var(--cy-ui-primary-strong) !important;
  --du-cyan: #ffb15c !important;
  --du-line: var(--cy-ui-line) !important;
  --du-bg: var(--cy-ui-surface) !important;
  --du-bg-soft: var(--cy-ui-surface-2) !important;
  --du-bg-strong: var(--cy-ui-surface-3) !important;
  --du-text: var(--cy-ui-text) !important;
  --du-muted: var(--cy-ui-muted) !important;
  --ds-line: var(--cy-ui-line) !important;
  --ds-line2: var(--cy-ui-line-strong) !important;
  --ds-text: var(--cy-ui-text) !important;
  --ds-muted: var(--cy-ui-muted) !important;
  --ds-orange: var(--cy-ui-primary) !important;
  --ds-violet: var(--cy-ui-primary-strong) !important;
}

body.cy-ui-core-v1.cy-premium-ui.cy-page-dealers .dealer-workspace :where(
  .dealer-master-sidebar,
  .dealer-master-detail,
  .dealer-master-detail-head,
  .dealer-master-detail-body > .dealer-client-card
) {
  border-color: var(--cy-ui-line) !important;
  background: var(--cy-ui-surface-3) !important;
  box-shadow: none !important;
}

body.cy-ui-core-v1.cy-premium-ui.cy-page-dealers .dealer-workspace .dealer-master-detail-body {
  background: var(--cy-ui-bg) !important;
}

body.cy-ui-core-v1.cy-premium-ui.cy-page-dealers .dealer-workspace .dealer-master-client:hover {
  border-color: var(--cy-ui-line) !important;
  background: rgba(255, 138, 31, .055) !important;
}

body.cy-ui-core-v1.cy-premium-ui.cy-page-dealers .dealer-workspace .dealer-master-client.active {
  border-color: rgba(255, 151, 55, .32) !important;
  background: linear-gradient(135deg, rgba(255, 122, 0, .18), rgba(255, 177, 76, .065)) !important;
  box-shadow: inset 3px 0 0 var(--cy-ui-primary) !important;
}

body.cy-ui-core-v1.cy-premium-ui.cy-page-dealers .dealer-workspace :where(
  .dv6-guide,
  .dv6-create,
  .dv6-customer-head,
  .dv6-section,
  .dv6-more,
  .dv6-package,
  .dv6-key-facts > div,
  .dv6-create-grid > section,
  .dv6-create-grid > div
) {
  border-color: var(--cy-ui-line) !important;
  background: var(--cy-ui-surface-2) !important;
  box-shadow: none !important;
}

body.cy-ui-core-v1.cy-premium-ui.cy-page-dealers .dealer-workspace .dv6-guide {
  background: linear-gradient(135deg, rgba(255, 122, 0, .11), rgba(255, 177, 76, .035)) !important;
}

body.cy-ui-core-v1.cy-premium-ui.cy-page-dealers .dealer-workspace :where(
  .dv6-guide span,
  .dv6-step-number,
  .dv6-package-icon
) {
  border-color: rgba(255, 151, 55, .18) !important;
  background: rgba(255, 122, 0, .13) !important;
  color: #ffc178 !important;
}

body.cy-ui-core-v1.cy-premium-ui.cy-page-dealers .dealer-workspace .dv6-avatar {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 151, 55, .20) !important;
  background: linear-gradient(135deg, rgba(255, 122, 0, .24), rgba(255, 177, 76, .09)) !important;
  color: transparent !important;
  font-size: 0 !important;
}

body.cy-ui-core-v1.cy-premium-ui.cy-page-dealers .dealer-workspace .dv6-avatar::before {
  content: '';
  width: 25px;
  height: 25px;
  background: radial-gradient(circle at 50% 29%, #ffc178 0 22%, transparent 24%),
              radial-gradient(ellipse at 50% 94%, #ff8a1f 0 45%, transparent 47%);
}

body.cy-ui-core-v1.cy-premium-ui.cy-page-dealers .dealer-workspace .dv6-price-preview {
  border-color: rgba(255, 151, 55, .24) !important;
  background: rgba(255, 122, 0, .085) !important;
  color: var(--cy-ui-text) !important;
}

body.cy-ui-core-v1.cy-premium-ui.cy-page-dealers .dealer-workspace :where(.form-control, .form-select, .input-group-text) {
  border-color: var(--cy-ui-line-strong) !important;
  background: var(--cy-ui-surface-3) !important;
  color: var(--cy-ui-text) !important;
  -webkit-text-fill-color: var(--cy-ui-text) !important;
}

body.cy-ui-core-v1.cy-premium-ui.cy-page-dealers .dealer-workspace :where(.form-control, .form-select):focus {
  border-color: rgba(255, 151, 55, .48) !important;
  box-shadow: var(--cy-ui-focus) !important;
}

body.cy-ui-core-v1.cy-premium-ui.cy-page-dealers .dealer-workspace :where(.btn-primary, .btn-warning, .btn-orange) {
  border-color: rgba(255, 151, 55, .45) !important;
  background: linear-gradient(135deg, var(--cy-ui-primary-strong), var(--cy-ui-primary)) !important;
  color: #201208 !important;
}

body.cy-ui-core-v1.cy-premium-ui.cy-page-dealers .dealer-workspace :where(.btn-outline-info, .btn-outline-warning) {
  border-color: rgba(255, 151, 55, .24) !important;
  background: rgba(255, 122, 0, .065) !important;
  color: #ffc178 !important;
}

body.cy-ui-core-v1.cy-premium-ui.cy-page-dealers .dealer-workspace :where(
  .dv6-customer-sub,
  .dv6-section p,
  .dv6-help,
  .dv6-key-facts small,
  .dealer-master-client-main small
) {
  color: var(--cy-ui-muted) !important;
}

html[data-theme='light'] body.cy-ui-core-v1.cy-premium-ui.cy-page-dealers .dealer-workspace :where(
  .dealer-master-sidebar,
  .dealer-master-detail,
  .dealer-master-detail-head,
  .dealer-master-detail-body > .dealer-client-card,
  .dv6-create,
  .dv6-customer-head,
  .dv6-section,
  .dv6-more,
  .dv6-package,
  .dv6-key-facts > div,
  .dv6-create-grid > section,
  .dv6-create-grid > div
) {
  background: var(--cy-ui-surface) !important;
}

/* Admin shell */
body.cy-ui-core-v1 .admin-app {
  --sidebar: 252px;
}

body.cy-ui-core-v1 .admin-sidebar {
  border-right-color: var(--cy-ui-line) !important;
  background: color-mix(in srgb, var(--cy-ui-bg) 93%, transparent) !important;
}

body.cy-ui-core-v1 .admin-nav-section-toggle {
  min-height: 38px;
  font-size: 10px !important;
}

body.cy-ui-core-v1 .admin-nav a {
  min-height: 40px;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}

body.cy-ui-core-v1 .admin-nav a.active {
  border-color: rgba(255, 138, 31, .24) !important;
  background: rgba(255, 138, 31, .13) !important;
}

body.cy-ui-core-v1 .admin-content {
  max-width: 1760px !important;
  padding: 22px !important;
}

body.cy-ui-core-v1 .admin-topbar {
  border-bottom-color: var(--cy-ui-line) !important;
  background: color-mix(in srgb, var(--cy-ui-bg) 86%, transparent) !important;
}

body.cy-ui-core-v1 .admin-content :where(.card, .cardx, .content-card, .stat, .admin-kpi) {
  border-color: var(--cy-ui-line) !important;
  border-radius: var(--cy-ui-radius) !important;
  box-shadow: none !important;
}

body.cy-ui-core-v1 .admin-content h1,
body.cy-ui-core-v1 .admin-content h2,
body.cy-ui-core-v1 .admin-content h3 {
  letter-spacing: -.025em;
}

/* Public landing keeps its native landing-orange-premium theme. */

body.cy-ui-core-v1 :where(.feature-modern, .plan-modern, .connection-card, .step-modern) {
  border-color: var(--cy-ui-line) !important;
  border-radius: var(--cy-ui-radius-lg) !important;
  box-shadow: none !important;
}

body.cy-ui-core-v1 .hero-lead,
body.cy-ui-core-v1 .page-hero p {
  max-width: 720px;
  font-size: clamp(15px, 1.45vw, 18px) !important;
  line-height: 1.62 !important;
}

body.cy-ui-core-v1 .footer-modern a {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
}

/* Responsive tables become readable cards when data-label is supplied by JS. */
@media (max-width: 680px) {
  body.cy-ui-core-v1 .cy-ui-card-table thead { display: none; }
  body.cy-ui-core-v1 .cy-ui-card-table tbody,
  body.cy-ui-core-v1 .cy-ui-card-table tr,
  body.cy-ui-core-v1 .cy-ui-card-table td { display: block; width: 100%; }
  body.cy-ui-core-v1 .cy-ui-card-table tr {
    margin: 0 0 10px;
    padding: 11px 12px;
    border: 1px solid var(--cy-ui-line);
    border-radius: 13px;
    background: var(--cy-ui-surface-2);
  }
  body.cy-ui-core-v1 .cy-ui-card-table td {
    display: grid;
    grid-template-columns: minmax(96px, 38%) minmax(0, 1fr);
    gap: 10px;
    padding: 7px 0 !important;
    border: 0 !important;
    text-align: right;
    overflow-wrap: anywhere;
  }
  body.cy-ui-core-v1 .cy-ui-card-table td::before {
    content: attr(data-label);
    color: var(--cy-ui-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    text-align: left;
    text-transform: uppercase;
  }
  body.cy-ui-core-v1 .cy-ui-card-table td[data-label='']::before { display: none; }
}

@media (max-width: 1050px) {
  body.cy-ui-core-v1 .dealer-workspace .dealer-master-layout,
  body.cy-ui-core-v1 .dealer-workspace .dpv5-workspace {
    display: flex !important;
    flex-direction: column !important;
  }
  body.cy-ui-core-v1 .dealer-workspace .dealer-master-sidebar,
  body.cy-ui-core-v1 .dealer-workspace .dpv5-rail {
    position: static !important;
    order: -1 !important;
    width: 100% !important;
  }
  body.cy-ui-core-v1 .dealer-workspace .dealer-master-detail,
  body.cy-ui-core-v1 .dealer-workspace .dpv5-detail {
    width: 100% !important;
  }
}

@media (max-width: 820px) {
  body.cy-ui-core-v1.cy-premium-ui {
    padding-bottom: max(78px, env(safe-area-inset-bottom)) !important;
  }
  body.cy-ui-core-v1.cy-premium-ui .shell {
    display: block !important;
    padding: 0 !important;
  }
  body.cy-ui-core-v1.cy-premium-ui .side {
    width: min(320px, 88vw) !important;
    border-width: 0 1px 0 0 !important;
    border-radius: 0 18px 18px 0 !important;
  }
  body.cy-ui-core-v1.cy-premium-ui .mainx {
    padding: 0 12px 24px !important;
  }
  body.cy-ui-core-v1.cy-premium-ui .topx {
    top: 0 !important;
    margin: 0 -12px 14px !important;
    border-width: 0 0 1px !important;
    border-radius: 0 0 16px 16px !important;
  }
  body.cy-ui-core-v1.cy-premium-ui .cardx {
    padding: 15px !important;
  }
  body.cy-ui-core-v1 .dealer-nav-shell {
    top: 65px !important;
    margin: 0 -4px 12px !important;
    border-radius: 13px !important;
  }
  body.cy-ui-core-v1 .dealer-section-actions,
  body.cy-ui-core-v1 .dpv5-head-actions,
  body.cy-ui-core-v1 .ds-page-head-actions {
    width: 100% !important;
  }
  body.cy-ui-core-v1 .dealer-quickbar > *,
  body.cy-ui-core-v1 .dealer-section-actions > *,
  body.cy-ui-core-v1 .dpv5-head-actions > *,
  body.cy-ui-core-v1 .ds-page-head-actions > * {
    flex: 1 1 auto;
  }
  body.cy-ui-core-v1 .admin-content {
    padding: 14px 11px 24px !important;
  }
}

@media (max-width: 560px) {
  body.cy-ui-core-v1 .btn:not(.btn-sm) { min-height: 44px; }
  body.cy-ui-core-v1 .section-head,
  body.cy-ui-core-v1 .dealer-section-head,
  body.cy-ui-core-v1 .dpv5-head,
  body.cy-ui-core-v1 .ds-page-head {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  body.cy-ui-core-v1 .dealer-workspace :where(.dealer-quickbar, .dpv5-settings-grid, .dpv5-security-actions, .dpv5-danger-actions, .dpv5-edge-form, .dpv5-url-row, .dpv5-renew, .dpv5-category-renew) {
    grid-template-columns: 1fr !important;
  }
  body.cy-ui-core-v1 .dealer-workspace :where(.dpv5-cat-grid, .dpv5-priced-cats, .dealer-master-list) {
    grid-template-columns: 1fr !important;
  }
  body.cy-ui-core-v1 .landing-links {
    max-height: calc(100dvh - 92px);
    overflow-y: auto;
  }
  body.cy-ui-core-v1 .hero-actions .btn,
  body.cy-ui-core-v1 .legal-bottom a {
    width: 100%;
    justify-content: center;
  }
  body.cy-ui-core-v1.cy-page-balance #cy-balance3 .cb-dialog {
    width: 100% !important;
    max-width: none !important;
    max-height: calc(100dvh - 18px) !important;
    margin: auto 0 0 !important;
    border-width: 1px 0 0 !important;
    border-radius: 22px 22px 0 0 !important;
  }
  body.cy-ui-core-v1.cy-page-balance #cy-balance3 .cb-dialog-shell {
    max-height: calc(100dvh - 18px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.cy-ui-core-v1 *,
  body.cy-ui-core-v1 *::before,
  body.cy-ui-core-v1 *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}


/* source: customer-orange-black.css */
/* CYRIUS Orange Black Premium Skin — 2026.08.26 */

:root{
  --cy-orange:#ff7a00;
  --cy-orange-2:#ff9a24;
  --cy-orange-3:#ffc15a;
  --cy-orange-deep:#d94f00;
  --cy-black:#050403;
  --cy-black-2:#090705;
  --cy-graphite:#100d0a;

  --cy22-primary:#ff7a00!important;
  --cy22-cyan:#ffb347!important;

  --cy-premium-blue:#ff7a00!important;
  --cy-premium-blue-2:#ff9a24!important;
  --cy-premium-violet:#e65d00!important;
  --cy-premium-cyan:#ffc15a!important;
  --cy-premium-bg:#050403!important;
  --cy-premium-panel:rgba(15,12,9,.78)!important;
  --cy-premium-panel-strong:rgba(11,9,7,.94)!important;
  --cy-premium-line:rgba(255,151,55,.13)!important;
  --cy-premium-line-hover:rgba(255,151,55,.32)!important;
  --cy-premium-shadow:0 18px 58px rgba(0,0,0,.34)!important;
  --cy-premium-shadow-hover:0 28px 74px rgba(0,0,0,.45),0 0 0 1px rgba(255,132,20,.08)!important;

  --bg:#050403!important;
  --bg2:#090705!important;
  --panel:rgba(16,13,10,.88)!important;
  --panel-strong:rgba(10,8,6,.96)!important;
  --panel-hover:rgba(27,20,14,.96)!important;
  --line:rgba(255,155,64,.11)!important;
  --line-strong:rgba(255,166,79,.22)!important;
  --text:#fffaf5!important;
  --muted:#a99c90!important;
  --blue:#ff7a00!important;
  --violet:#e75c00!important;
  --cyan:#ffb347!important;
  --yellow:#ffc15a!important;
  --surface:var(--panel)!important;
  --surface-soft:rgba(255,145,35,.025)!important;
  --surface-strong:var(--panel-strong)!important;
  --surface-hover:var(--panel-hover)!important;
  --surface-border:var(--line)!important;
  --surface-border-strong:var(--line-strong)!important;
  --accent-soft:rgba(255,122,0,.09)!important;
  --accent:linear-gradient(135deg,#ff6700 0%,#ff8a00 56%,#ffb347 100%)!important;
  --cy-design-accent:#ff8200!important;
}

html:not([data-theme='light']){
  background:#050403!important;
  color-scheme:dark;
}

html:not([data-theme='light']) body,
body.cy-premium-ui:not(.cy-theme-light){
  background:
    radial-gradient(circle at 8% -10%,rgba(255,112,0,.15),transparent 31%),
    radial-gradient(circle at 96% 3%,rgba(255,166,58,.09),transparent 27%),
    radial-gradient(circle at 68% 92%,rgba(173,61,0,.065),transparent 33%),
    linear-gradient(145deg,#030302 0%,#090704 48%,#040302 100%)!important;
  color:#fffaf5!important;
}

html:not([data-theme='light']) body:before,
html:not([data-theme='light']) body.cy-page-account:before{
  background-image:
    linear-gradient(rgba(255,160,70,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,160,70,.018) 1px,transparent 1px),
    radial-gradient(circle at 18% 12%,rgba(255,122,0,.12),transparent 34%),
    radial-gradient(circle at 84% 22%,rgba(255,177,76,.055),transparent 31%)!important;
  background-size:42px 42px,42px 42px,auto,auto!important;
  opacity:.72!important;
}

/* Ambient living background */
.cy-ambient-layer{opacity:.64!important}
.cy-ambient-layer::before{
  background:radial-gradient(circle,rgba(255,122,0,.88) 0%,rgba(255,101,0,.22) 39%,transparent 71%)!important;
}
.cy-ambient-layer::after{
  background:radial-gradient(circle,rgba(255,185,87,.68) 0%,rgba(196,72,0,.14) 44%,transparent 72%)!important;
}

/* Core glass surfaces */
html:not([data-theme='light']) .side{
  background:linear-gradient(180deg,rgba(9,7,5,.96),rgba(5,4,3,.95))!important;
  border-color:rgba(255,151,55,.11)!important;
  box-shadow:18px 0 62px rgba(0,0,0,.28)!important;
}
html:not([data-theme='light']) .topx{
  background:rgba(10,8,6,.88)!important;
  border-color:rgba(255,151,55,.11)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.25)!important;
}
html:not([data-theme='light']) .cardx,
html:not([data-theme='light']) .card,
html:not([data-theme='light']) .metric-card,
html:not([data-theme='light']) .news-list,
html:not([data-theme='light']) .quick-actions,
html:not([data-theme='light']) .client-section,
html:not([data-theme='light']) .account-section,
html:not([data-theme='light']) .payment-provider-card,
html:not([data-theme='light']) .apps-platform,
html:not([data-theme='light']) .app-guide-card,
html:not([data-theme='light']) .cy-home-metric,
html:not([data-theme='light']) .cy-home-actions>a{
  background:linear-gradient(145deg,rgba(18,14,10,.93),rgba(8,7,5,.92))!important;
  border-color:rgba(255,151,55,.105)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.23)!important;
}
body.cy-premium-ui .cy-hover-card:hover,
html:not([data-theme='light']) .cardx:hover,
html:not([data-theme='light']) .metric-card:hover,
html:not([data-theme='light']) .apps-platform:hover{
  border-color:rgba(255,145,43,.25)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.38),0 0 36px rgba(255,111,0,.035)!important;
}

/* Brand */
.brand:before,.brand-mark,.auth-logo-mark{
  background:linear-gradient(145deg,#ff6500,#ff8500 58%,#ffb347)!important;
  color:#160900!important;
  border-color:rgba(255,196,126,.25)!important;
  box-shadow:0 10px 30px rgba(255,105,0,.23),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.brand-title b,.brand b{color:#ff922b!important}
.brand-sub{color:#88786b!important}
.client-glow-line{
  background:linear-gradient(90deg,#ff6500,#ff9500 55%,rgba(255,193,90,.16),transparent)!important;
  box-shadow:0 0 18px rgba(255,116,0,.13)!important;
}

/* Navigation */
html:not([data-theme='light']) .navx a{color:#a99d92!important}
.navx a .nav-icon{color:#7f7369!important}
.navx a:hover{
  color:#fff8ef!important;
  background:rgba(255,122,0,.06)!important;
  border-color:rgba(255,151,55,.10)!important;
}
.navx a:hover .nav-icon{color:#ffac57!important}
.navx a.active{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(255,122,0,.16),rgba(255,164,57,.035))!important;
  border-color:rgba(255,151,55,.18)!important;
  box-shadow:inset 3px 0 0 #ff8200!important;
}
.navx a.active .nav-icon{color:#ff9b35!important}

/* Header / balance */
.client-balance,.statx{
  background:linear-gradient(145deg,rgba(255,122,0,.105),rgba(91,31,0,.075))!important;
  border-color:rgba(255,151,55,.16)!important;
}
.client-balance-dot{
  background:#ff8a00!important;
  box-shadow:0 0 18px rgba(255,138,0,.72)!important;
}
.client-avatar,.client-balance-icon,.metric-icon,.news-dot,.apps-platform-icon,.cy-home-actions i{
  background:linear-gradient(145deg,rgba(255,132,12,.12),rgba(88,31,0,.08))!important;
  border-color:rgba(255,151,55,.14)!important;
  color:#ffad59!important;
}

/* Hero */
body.cy-premium-ui .cy-home-hero,
.cy-home-hero{
  background:
    radial-gradient(circle at 91% 9%,rgba(255,132,12,.19),transparent 35%),
    radial-gradient(circle at 72% 100%,rgba(255,185,87,.045),transparent 34%),
    linear-gradient(145deg,rgba(18,14,10,.96),rgba(8,7,5,.94))!important;
  border-color:rgba(255,151,55,.14)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.30),0 0 55px rgba(255,112,0,.025)!important;
}
body.cy-premium-ui .cy-home-hero::before{
  background:radial-gradient(circle,rgba(255,131,18,.15),transparent 66%)!important;
}
.cy-home-progress span,.progress-bar{
  background:linear-gradient(90deg,#ff6500,#ff9500 58%,#ffc15a)!important;
  box-shadow:0 0 16px rgba(255,126,0,.15)!important;
}
.cy-state.idle{background:rgba(255,138,0,.11)!important;color:#ffbd76!important}

/* Premium mouse glow */
body.cy-premium-ui .cy-mouse-glow::after{
  background:radial-gradient(390px circle at var(--cy-mouse-x) var(--cy-mouse-y),rgba(255,139,25,.12),rgba(255,103,0,.025) 38%,transparent 70%)!important;
}

/* Links and accents */
a,.orange,.metric-link,.news-link,.support-link,.text-primary,.text-info{
  color:#ff9d3d!important;
}
a:hover,.metric-link:hover,.news-link:hover,.support-link:hover{color:#ffc179!important}
.text-warning{color:#ffc15a!important}

/* Primary actions */
.btn-orange,.btn-warning,.btn-primary{
  background:linear-gradient(135deg,#ff6500 0%,#ff8500 55%,#ffa735 100%)!important;
  color:#160900!important;
  border:0!important;
  box-shadow:0 10px 28px rgba(255,105,0,.20),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.btn-orange:hover,.btn-warning:hover,.btn-primary:hover{
  color:#0f0600!important;
  filter:brightness(1.07) saturate(1.04)!important;
  box-shadow:0 13px 34px rgba(255,105,0,.27),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.btn-info{
  background:linear-gradient(135deg,#ff9b2f,#ffc15a)!important;
  color:#1a0c00!important;
  border:0!important;
}
html:not([data-theme='light']) .btn-outline-light,
html:not([data-theme='light']) .btn-outline-info,
html:not([data-theme='light']) .btn-outline-secondary,
html:not([data-theme='light']) .btn-outline-warning{
  color:#cbbfb3!important;
  border-color:rgba(255,166,79,.16)!important;
  background:rgba(255,139,25,.022)!important;
}
html:not([data-theme='light']) .btn-outline-light:hover,
html:not([data-theme='light']) .btn-outline-info:hover,
html:not([data-theme='light']) .btn-outline-secondary:hover,
html:not([data-theme='light']) .btn-outline-warning:hover{
  color:#fff9f1!important;
  background:rgba(255,122,0,.075)!important;
  border-color:rgba(255,151,55,.28)!important;
}

/* Inputs */
html:not([data-theme='light']) .form-control,
html:not([data-theme='light']) .form-select,
html:not([data-theme='light']) .form-check-input,
html:not([data-theme='light']) .input-group-text{
  background:#0b0907!important;
  color:#fff7ee!important;
  border-color:rgba(255,166,79,.15)!important;
}
.form-control:focus,.form-select:focus,.form-check-input:focus{
  border-color:rgba(255,139,22,.68)!important;
  box-shadow:0 0 0 .19rem rgba(255,122,0,.11)!important;
}
.form-check-input:checked{background-color:#ff8200!important;border-color:#ff8200!important}

/* Tabs / pickers */
.cy-finance-tabs button.active,.cy-provider-picker button.active{
  background:rgba(255,122,0,.12)!important;
  border-color:rgba(255,151,55,.29)!important;
  color:#fff8f0!important;
}

/* Tables */
html:not([data-theme='light']) .table thead th,
html:not([data-theme='light']) .table-secondary th{
  background:#110d09!important;
  color:#aa9b8d!important;
}
.table tbody tr:hover{background:rgba(255,122,0,.035)!important}

/* Dialogs / toasts */
.cy-dialog,.cy-toast,.modal-content{
  background:linear-gradient(145deg,#120e0a,#090705)!important;
  border-color:rgba(255,151,55,.14)!important;
}

/* Apps and auth */
.auth-screen{background:#050403!important}
.auth-panel{
  background:radial-gradient(circle at 100% 0,rgba(255,122,0,.14),transparent 31%),linear-gradient(155deg,#100c08,#050403)!important;
}
.auth-visual:after{background:radial-gradient(circle at 28% 76%,rgba(255,139,20,.14),transparent 33%)!important}
.auth-card{
  background:linear-gradient(150deg,rgba(20,15,11,.95),rgba(8,6,5,.97))!important;
  border-color:rgba(255,166,79,.12)!important;
}
.auth-card-head .eyebrow{color:#ffa748!important}
.auth-points span{border-color:rgba(255,151,55,.15)!important;background:rgba(12,9,6,.64)!important}
.auth-mini-trust i{color:#ffad59!important}
.apps-hero-card{
  background:radial-gradient(circle at 92% 8%,rgba(255,132,12,.16),transparent 31%),linear-gradient(145deg,#15100b,#090705)!important;
}
.apps-platform:hover{border-color:rgba(255,151,55,.25)!important}

/* Bottom navigation */
@media(max-width:760px){
  body.cy-premium-ui .mobile-bottom-nav,
  .mobile-bottom-nav{
    background:rgba(9,7,5,.94)!important;
    border-color:rgba(255,151,55,.13)!important;
    box-shadow:0 18px 58px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,176,91,.025)!important;
  }
  body.cy-premium-ui .mobile-bottom-nav a.active,
  .mobile-bottom-nav a.active{
    background:linear-gradient(145deg,rgba(255,122,0,.18),rgba(255,175,67,.06))!important;
    color:#fff8ef!important;
  }
}

/* Theme switch itself */
html:not([data-theme='light']) .theme-toggle{
  border-color:rgba(255,151,55,.16)!important;
  background:rgba(255,122,0,.025)!important;
  color:#eadfd4!important;
}
html:not([data-theme='light']) .theme-toggle:hover{
  border-color:rgba(255,151,55,.34)!important;
  background:rgba(255,122,0,.075)!important;
}

/* Keep light mode usable, but with warm orange branding */
html[data-theme='light']{
  --cy-design-accent:#e96c00!important;
  --blue:#e96c00!important;
  --violet:#c95200!important;
  --cyan:#f59a32!important;
  --accent-soft:rgba(233,108,0,.08)!important;
}
html[data-theme='light'] body{
  background:radial-gradient(circle at 4% -8%,rgba(255,122,0,.08),transparent 31%),radial-gradient(circle at 96% 4%,rgba(255,181,76,.055),transparent 30%),#f7f5f2!important;
}
html[data-theme='light'] a{color:#c95a00!important}
html[data-theme='light'] a:hover{color:#8f3e00!important}
html[data-theme='light'] .navx a:hover{background:rgba(255,122,0,.055)!important}
html[data-theme='light'] .navx a.active{
  color:#b44d00!important;
  background:linear-gradient(90deg,rgba(255,122,0,.11),rgba(255,190,100,.035))!important;
  border-color:rgba(255,122,0,.15)!important;
  box-shadow:inset 3px 0 0 #eb6d00!important;
}
html[data-theme='light'] .btn-primary,
html[data-theme='light'] .btn-warning,
html[data-theme='light'] .btn-orange,
html[data-theme='light'] .btn-info{
  background:linear-gradient(135deg,#e85f00,#ff8a00 58%,#f5a23f)!important;
  color:#fff!important;
  box-shadow:0 9px 24px rgba(203,84,0,.17)!important;
}
html[data-theme='light'] .form-control:focus,
html[data-theme='light'] .form-select:focus{
  border-color:rgba(225,96,0,.56)!important;
  box-shadow:0 0 0 .19rem rgba(233,108,0,.10)!important;
}

/* CYRIUS DUAL THEME FIX V3 START */

/* Theme switch is available again. */
.client-theme-toggle,
.theme-toggle[data-theme-toggle]{
  display:inline-flex!important;
}

/* DARK ONLY: keep Orange Black Premium and suppress old blue/purple accents. */
html:not([data-theme='light']) body.cy-premium-ui .btn-primary,
html:not([data-theme='light']) body.cy-premium-ui .btn-orange,
html:not([data-theme='light']) body.cy-premium-ui .btn-warning,
html:not([data-theme='light']) body.cy-premium-ui .btn-info{
  background:linear-gradient(135deg,#ff6500 0%,#ff8500 56%,#ffad3d 100%)!important;
  border-color:rgba(255,179,91,.18)!important;
  color:#170900!important;
  box-shadow:0 10px 28px rgba(255,105,0,.22),inset 0 1px 0 rgba(255,255,255,.24)!important;
}

html:not([data-theme='light']) body.cy-premium-ui .cy-home-progress span{
  background:linear-gradient(90deg,#ff6500,#ff9200 58%,#ffc15a)!important;
  box-shadow:0 0 18px rgba(255,126,0,.24)!important;
}

html:not([data-theme='light']) body.cy-premium-ui .alert-info,
html:not([data-theme='light']) body.cy-premium-ui .alert-primary{
  background:linear-gradient(135deg,rgba(255,122,0,.095),rgba(15,12,9,.90))!important;
  border-color:rgba(255,151,55,.23)!important;
  color:#f2e7dc!important;
}

html:not([data-theme='light']) body.cy-premium-ui .payment-provider-card{
  background:linear-gradient(155deg,rgba(20,15,11,.96),rgba(8,6,5,.96))!important;
  border-color:rgba(255,151,55,.12)!important;
}

html:not([data-theme='light']) body.cy-premium-ui .provider-cta,
html:not([data-theme='light']) body.cy-premium-ui .provider-cta-pally,
html:not([data-theme='light']) body.cy-premium-ui .provider-cta-anypay{
  background:linear-gradient(135deg,#ff6500,#ff8500 58%,#ffab3b)!important;
  border-color:rgba(255,173,80,.34)!important;
  color:#170900!important;
}

html:not([data-theme='light']) body.cy-premium-ui .bg-white,
html:not([data-theme='light']) body.cy-premium-ui .bg-light,
html:not([data-theme='light']) body.cy-premium-ui .text-bg-light{
  background:#100d0a!important;
  color:#fff5ea!important;
}

/* LIGHT: premium warm white + orange. */
html[data-theme='light']{
  color-scheme:light!important;
  --cy-design-accent:#e96c00!important;
  --blue:#e96c00!important;
  --violet:#c95200!important;
  --cyan:#f59a32!important;
  --accent-soft:rgba(233,108,0,.08)!important;
}

html[data-theme='light'] body{
  background:
    radial-gradient(circle at 4% -8%,rgba(255,122,0,.075),transparent 31%),
    radial-gradient(circle at 96% 4%,rgba(255,181,76,.05),transparent 30%),
    #f6f3ef!important;
}

html[data-theme='light'] .side,
html[data-theme='light'] .topx,
html[data-theme='light'] .cardx,
html[data-theme='light'] .card,
html[data-theme='light'] .metric-card,
html[data-theme='light'] .news-list,
html[data-theme='light'] .quick-actions,
html[data-theme='light'] .client-section,
html[data-theme='light'] .account-section,
html[data-theme='light'] .payment-provider-card{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(95,65,38,.12)!important;
  color:#241a12!important;
  box-shadow:0 12px 34px rgba(74,48,28,.07)!important;
}

html[data-theme='light'] .muted,
html[data-theme='light'] .text-muted{
  color:#77695f!important;
}

html[data-theme='light'] .btn-primary,
html[data-theme='light'] .btn-warning,
html[data-theme='light'] .btn-orange,
html[data-theme='light'] .btn-info{
  background:linear-gradient(135deg,#e85f00,#ff8a00 58%,#f5a23f)!important;
  border-color:rgba(215,91,0,.16)!important;
  color:#fff!important;
  box-shadow:0 9px 24px rgba(203,84,0,.17)!important;
}

html[data-theme='light'] .form-control,
html[data-theme='light'] .form-select,
html[data-theme='light'] .input-group-text{
  background:#fff!important;
  border-color:rgba(91,64,42,.16)!important;
  color:#241a12!important;
}

html[data-theme='light'] .form-control:focus,
html[data-theme='light'] .form-select:focus{
  border-color:rgba(225,96,0,.56)!important;
  box-shadow:0 0 0 .19rem rgba(233,108,0,.10)!important;
}

html[data-theme='light'] .navx a{
  color:#66584d!important;
}

html[data-theme='light'] .navx a:hover{
  color:#9d4300!important;
  background:rgba(255,122,0,.055)!important;
}

html[data-theme='light'] .navx a.active{
  color:#ad4a00!important;
  background:linear-gradient(90deg,rgba(255,122,0,.11),rgba(255,190,100,.035))!important;
  border-color:rgba(255,122,0,.15)!important;
  box-shadow:inset 3px 0 0 #eb6d00!important;
}

/* CYRIUS DUAL THEME FIX V3 END */


/* source: customer-light-orange.css */
/* CYRIUS Premium Light Orange — normalization layer
 * Applies ONLY to html[data-theme="light"].
 * Dark Orange Black theme is untouched.
 */

html[data-theme='light']{
  color-scheme:light!important;

  --cy-orange:#e96b00!important;
  --cy-orange-2:#ff8a00!important;
  --cy-orange-3:#f6ae55!important;
  --cy-orange-deep:#c85200!important;

  --cy22-primary:#e96b00!important;
  --cy22-cyan:#f3a13e!important;
  --cy-premium-blue:#e96b00!important;
  --cy-premium-blue-2:#ff8a00!important;
  --cy-premium-violet:#c85200!important;
  --cy-premium-cyan:#f3a13e!important;

  --bg:#f5f2ed!important;
  --bg2:#fbf9f6!important;
  --panel:#ffffff!important;
  --panel-strong:#ffffff!important;
  --panel-hover:#fffaf4!important;

  --line:rgba(78,57,40,.11)!important;
  --line-strong:rgba(78,57,40,.20)!important;

  --text:#201a15!important;
  --muted:#776b61!important;
  --blue:#e96b00!important;
  --violet:#c85200!important;
  --cyan:#e99128!important;
  --yellow:#bd7414!important;

  --surface:#ffffff!important;
  --surface-soft:#faf7f2!important;
  --surface-strong:#ffffff!important;
  --surface-hover:#fff8ef!important;
  --surface-border:rgba(78,57,40,.11)!important;
  --surface-border-strong:rgba(78,57,40,.20)!important;

  --accent-soft:rgba(233,107,0,.075)!important;
  --cy-design-accent:#e96b00!important;

  --cy-premium-bg:#f5f2ed!important;
  --cy-premium-panel:#ffffff!important;
  --cy-premium-panel-strong:#ffffff!important;
  --cy-premium-line:rgba(78,57,40,.11)!important;
  --cy-premium-line-hover:rgba(233,107,0,.28)!important;
  --cy-premium-shadow:0 16px 44px rgba(66,45,27,.07)!important;
  --cy-premium-shadow-hover:0 22px 58px rgba(66,45,27,.11)!important;

  --bs-body-bg:#f5f2ed!important;
  --bs-body-color:#201a15!important;
  --bs-secondary-color:#776b61!important;
  --bs-border-color:rgba(78,57,40,.11)!important;
}

/* Page canvas */
html[data-theme='light'],
html[data-theme='light'] body,
html[data-theme='light'] body.cy-premium-ui,
html[data-theme='light'] body.cy-page-account{
  background:
    radial-gradient(circle at 6% -10%,rgba(255,132,0,.09),transparent 30%),
    radial-gradient(circle at 98% 2%,rgba(255,191,103,.07),transparent 27%),
    linear-gradient(145deg,#f5f2ed 0%,#fbf9f6 46%,#f4f0ea 100%)!important;
  color:#201a15!important;
}

html[data-theme='light'] body:before,
html[data-theme='light'] body.cy-page-account:before{
  opacity:.28!important;
  background-image:
    linear-gradient(rgba(90,65,43,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(90,65,43,.025) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
}

/* Ambient glow becomes subtle in light mode */
html[data-theme='light'] .cy-ambient-layer{opacity:.16!important}
html[data-theme='light'] .cy-ambient-layer::before{
  background:radial-gradient(circle,rgba(255,139,24,.28),rgba(255,139,24,.06) 42%,transparent 72%)!important;
}
html[data-theme='light'] .cy-ambient-layer::after{
  background:radial-gradient(circle,rgba(255,190,92,.20),rgba(255,190,92,.04) 45%,transparent 74%)!important;
}

/* Core surfaces */
html[data-theme='light'] .side{
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(78,57,40,.10)!important;
  box-shadow:16px 0 46px rgba(65,44,27,.06)!important;
  color:#201a15!important;
}

html[data-theme='light'] .topx{
  background:rgba(255,255,255,.90)!important;
  border-color:rgba(78,57,40,.10)!important;
  box-shadow:0 12px 34px rgba(65,44,27,.055)!important;
  color:#201a15!important;
}

html[data-theme='light'] .cardx,
html[data-theme='light'] .card,
html[data-theme='light'] .metric-card,
html[data-theme='light'] .news-list,
html[data-theme='light'] .quick-actions,
html[data-theme='light'] .client-section,
html[data-theme='light'] .account-section,
html[data-theme='light'] .apps-platform,
html[data-theme='light'] .app-guide-card,
html[data-theme='light'] .payment-provider-card,
html[data-theme='light'] .cy-home-metric,
html[data-theme='light'] .cy-home-actions>a,
html[data-theme='light'] .status-tile,
html[data-theme='light'] .setup-step,
html[data-theme='light'] .support-cat,
html[data-theme='light'] .support-ticket{
  background:linear-gradient(145deg,#fff,#fcfaf7)!important;
  border-color:rgba(78,57,40,.105)!important;
  color:#201a15!important;
  box-shadow:0 14px 38px rgba(66,45,27,.055)!important;
}

html[data-theme='light'] .cardx:hover,
html[data-theme='light'] .metric-card:hover,
html[data-theme='light'] .apps-platform:hover,
html[data-theme='light'] body.cy-premium-ui .cy-hover-card:hover{
  border-color:rgba(233,107,0,.25)!important;
  box-shadow:0 20px 50px rgba(66,45,27,.09)!important;
}

/* Typography */
html[data-theme='light'] h1,
html[data-theme='light'] h2,
html[data-theme='light'] h3,
html[data-theme='light'] h4,
html[data-theme='light'] h5,
html[data-theme='light'] h6,
html[data-theme='light'] .cardx b,
html[data-theme='light'] .card b,
html[data-theme='light'] .metric-value,
html[data-theme='light'] .section-title,
html[data-theme='light'] .news-title{
  color:#201a15!important;
  text-shadow:none!important;
}

html[data-theme='light'] .muted,
html[data-theme='light'] .text-muted,
html[data-theme='light'] .metric-label,
html[data-theme='light'] .metric-meta,
html[data-theme='light'] .section-sub,
html[data-theme='light'] .news-body,
html[data-theme='light'] .news-time,
html[data-theme='light'] .empty-news{
  color:#776b61!important;
}

html[data-theme='light'] .text-white:not(.btn):not(.badge){
  color:#201a15!important;
}

/* Navigation */
html[data-theme='light'] .navx a{
  color:#665b52!important;
}

html[data-theme='light'] .navx a .nav-icon{
  color:#8b7c70!important;
}

html[data-theme='light'] .navx a:hover{
  color:#9b4300!important;
  background:rgba(233,107,0,.055)!important;
  border-color:rgba(233,107,0,.10)!important;
}

html[data-theme='light'] .navx a:hover .nav-icon{
  color:#dd6807!important;
}

html[data-theme='light'] .navx a.active{
  color:#a84900!important;
  background:linear-gradient(90deg,rgba(233,107,0,.11),rgba(255,255,255,.72))!important;
  border-color:rgba(233,107,0,.16)!important;
  box-shadow:inset 3px 0 0 #e96b00!important;
}

html[data-theme='light'] .navx a.active .nav-icon{
  color:#e96b00!important;
}

/* Header/balance */
html[data-theme='light'] .client-balance,
html[data-theme='light'] .statx{
  background:linear-gradient(145deg,rgba(255,143,26,.09),rgba(255,255,255,.94))!important;
  border-color:rgba(233,107,0,.14)!important;
  color:#201a15!important;
}
html[data-theme='light'] .client-balance .value,
html[data-theme='light'] .client-balance .label{
  color:#34271e!important;
}
html[data-theme='light'] .client-avatar,
html[data-theme='light'] .client-balance-icon,
html[data-theme='light'] .metric-icon,
html[data-theme='light'] .news-dot,
html[data-theme='light'] .apps-platform-icon,
html[data-theme='light'] .cy-home-actions i{
  background:#fff4e7!important;
  border-color:rgba(233,107,0,.14)!important;
  color:#dc6500!important;
}

/* Home hero */
html[data-theme='light'] body.cy-premium-ui .cy-home-hero,
html[data-theme='light'] .cy-home-hero{
  background:
    radial-gradient(circle at 92% 5%,rgba(255,142,23,.13),transparent 34%),
    radial-gradient(circle at 72% 100%,rgba(255,193,92,.08),transparent 35%),
    linear-gradient(145deg,#fff,#fff9f1)!important;
  border-color:rgba(233,107,0,.15)!important;
  color:#201a15!important;
  box-shadow:0 20px 55px rgba(66,45,27,.075)!important;
}
html[data-theme='light'] body.cy-premium-ui .cy-home-hero::before{
  background:radial-gradient(circle,rgba(255,139,24,.13),transparent 68%)!important;
}

/* Forms */
html[data-theme='light'] .form-control,
html[data-theme='light'] .form-select,
html[data-theme='light'] .input-group-text,
html[data-theme='light'] textarea,
html[data-theme='light'] input:not([type='checkbox']):not([type='radio']){
  background:#fff!important;
  color:#201a15!important;
  border-color:rgba(78,57,40,.16)!important;
  color-scheme:light!important;
}

html[data-theme='light'] .form-control::placeholder,
html[data-theme='light'] textarea::placeholder,
html[data-theme='light'] input::placeholder{
  color:#a3978d!important;
}

html[data-theme='light'] .form-control:focus,
html[data-theme='light'] .form-select:focus,
html[data-theme='light'] textarea:focus{
  background:#fff!important;
  color:#201a15!important;
  border-color:rgba(233,107,0,.55)!important;
  box-shadow:0 0 0 .19rem rgba(233,107,0,.09)!important;
}

html[data-theme='light'] .form-check-input{
  background-color:#fff!important;
  border-color:rgba(78,57,40,.25)!important;
}
html[data-theme='light'] .form-check-input:checked{
  background-color:#e96b00!important;
  border-color:#e96b00!important;
}

/* Buttons */
html[data-theme='light'] .btn-orange,
html[data-theme='light'] .btn-warning,
html[data-theme='light'] .btn-primary,
html[data-theme='light'] .btn-info{
  background:linear-gradient(135deg,#e85f00,#ff8700 58%,#f0a13e)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 9px 23px rgba(194,80,0,.16)!important;
}
html[data-theme='light'] .btn-orange:hover,
html[data-theme='light'] .btn-warning:hover,
html[data-theme='light'] .btn-primary:hover,
html[data-theme='light'] .btn-info:hover{
  color:#fff!important;
  filter:brightness(.96)!important;
}

html[data-theme='light'] .btn-outline-light,
html[data-theme='light'] .btn-outline-info,
html[data-theme='light'] .btn-outline-secondary,
html[data-theme='light'] .btn-outline-warning{
  color:#5f5146!important;
  background:#fff!important;
  border-color:rgba(78,57,40,.20)!important;
  box-shadow:0 5px 15px rgba(65,44,27,.025)!important;
}
html[data-theme='light'] .btn-outline-light:hover,
html[data-theme='light'] .btn-outline-info:hover,
html[data-theme='light'] .btn-outline-secondary:hover,
html[data-theme='light'] .btn-outline-warning:hover{
  color:#a34600!important;
  background:#fff6ea!important;
  border-color:rgba(233,107,0,.30)!important;
}

/* Tables, menus, modals */
html[data-theme='light'] .table{
  --bs-table-bg:transparent!important;
  --bs-table-color:#2b211a!important;
  --bs-table-striped-color:#2b211a!important;
  --bs-table-striped-bg:#faf6f1!important;
  --bs-table-hover-bg:#fff4e7!important;
  color:#2b211a!important;
}
html[data-theme='light'] .table>:not(caption)>*>*{
  color:#2b211a!important;
  background-color:transparent!important;
  border-color:rgba(78,57,40,.085)!important;
}
html[data-theme='light'] .table thead th,
html[data-theme='light'] .table-secondary th{
  background:#f7f1e9!important;
  color:#6c5e53!important;
}

html[data-theme='light'] .modal-content,
html[data-theme='light'] .dropdown-menu,
html[data-theme='light'] .offcanvas,
html[data-theme='light'] .popover,
html[data-theme='light'] .list-group-item,
html[data-theme='light'] .accordion-item,
html[data-theme='light'] .accordion-button{
  background:#fff!important;
  color:#201a15!important;
  border-color:rgba(78,57,40,.12)!important;
}
html[data-theme='light'] .dropdown-item{
  color:#4f4339!important;
}
html[data-theme='light'] .dropdown-item:hover,
html[data-theme='light'] .dropdown-item:focus{
  background:#fff4e7!important;
  color:#a34600!important;
}
html[data-theme='light'] .accordion-button:not(.collapsed){
  background:#fff4e7!important;
  color:#a34600!important;
}

/* Alerts */
html[data-theme='light'] .alert{
  background:#fffaf4!important;
  color:#3b2d23!important;
  border-color:rgba(78,57,40,.12)!important;
}
html[data-theme='light'] .alert-info,
html[data-theme='light'] .alert-primary{
  background:#fff5e8!important;
  color:#744018!important;
  border-color:rgba(233,107,0,.18)!important;
}

/* Code / technical fields */
html[data-theme='light'] code,
html[data-theme='light'] pre,
html[data-theme='light'] .font-monospace{
  color:#7b3a09!important;
}
html[data-theme='light'] pre{
  background:#f7f3ee!important;
  border-color:rgba(78,57,40,.11)!important;
}

/* Playlist page V2 */
html[data-theme='light'] .pl2-card{
  background:linear-gradient(145deg,#fff,#fff9f1)!important;
  border-color:rgba(233,107,0,.15)!important;
  box-shadow:0 16px 42px rgba(66,45,27,.065)!important;
  color:#201a15!important;
}
html[data-theme='light'] .pl2-card:before{
  background:rgba(255,139,24,.11)!important;
}
html[data-theme='light'] .pl2-url,
html[data-theme='light'] .pl2-mirror,
html[data-theme='light'] .pl2-section,
html[data-theme='light'] .pl2-stat,
html[data-theme='light'] .pl2-session,
html[data-theme='light'] .pl2-history,
html[data-theme='light'] .pl2-format-row{
  background:#faf7f2!important;
  border-color:rgba(78,57,40,.105)!important;
  color:#201a15!important;
}
html[data-theme='light'] .pl2-mirror.active{
  background:linear-gradient(135deg,#fff1df,#fffaf3)!important;
  border-color:rgba(233,107,0,.34)!important;
}
html[data-theme='light'] .pl2-code{
  color:#75685d!important;
}

/* EDGE picker V2 */
html[data-theme='light'] .edge-server-panel,
html[data-theme='light'] .edge-choice,
html[data-theme='light'] .edge-choice-auto,
html[data-theme='light'] .edge-auto-result{
  background:linear-gradient(145deg,#fff,#fbf8f4)!important;
  border-color:rgba(78,57,40,.11)!important;
  color:#201a15!important;
  box-shadow:0 12px 34px rgba(66,45,27,.05)!important;
}
html[data-theme='light'] .edge-choice:hover{
  border-color:rgba(233,107,0,.28)!important;
}
html[data-theme='light'] .edge-choice.active,
html[data-theme='light'] .edge-radio:checked + .edge-choice{
  background:linear-gradient(145deg,#fff2e2,#fffaf4)!important;
  border-color:rgba(233,107,0,.38)!important;
}
html[data-theme='light'] .edge-current-badge{
  background:#fff0dc!important;
  color:#a84b00!important;
  border-color:rgba(233,107,0,.20)!important;
}

/* Playlist Builder */
html[data-theme='light'] .builder-period-box,
html[data-theme='light'] .builder-playlist-card,
html[data-theme='light'] .builder-qr-panel,
html[data-theme='light'] .builder-more-panel,
html[data-theme='light'] .builder-addcat-list label,
html[data-theme='light'] .builder-cat{
  background:#faf7f2!important;
  border-color:rgba(78,57,40,.11)!important;
  color:#201a15!important;
}
html[data-theme='light'] .builder-total{
  background:linear-gradient(145deg,#fff1df,#fffaf4)!important;
  border-color:rgba(233,107,0,.18)!important;
  color:#201a15!important;
}
html[data-theme='light'] .builder-period-tabs span,
html[data-theme='light'] .builder-periods span{
  background:#fff!important;
  color:#5c5046!important;
  border-color:rgba(78,57,40,.15)!important;
}
html[data-theme='light'] .builder-period-tabs input:checked+span,
html[data-theme='light'] .builder-periods input:checked+span{
  background:#fff0dc!important;
  color:#a84b00!important;
  border-color:rgba(233,107,0,.34)!important;
}
html[data-theme='light'] .builder-facts>div{
  background:#f8f4ef!important;
  color:#201a15!important;
}
html[data-theme='light'] .builder-check{
  background:#fff!important;
  border-color:rgba(78,57,40,.25)!important;
}
html[data-theme='light'] .builder-cat input:checked+.builder-check{
  background:linear-gradient(135deg,#e85f00,#ff8a00)!important;
  border-color:transparent!important;
}
html[data-theme='light'] .builder-empty i{
  color:#e96b00!important;
}

/* Premium customer playlist cards created in later Builder update */
html[data-theme='light'] .builder-premium-card,
html[data-theme='light'] .builder-premium-url,
html[data-theme='light'] .builder-renew-box,
html[data-theme='light'] .builder-premium-actions,
html[data-theme='light'] .builder-playlist-premium{
  background:linear-gradient(145deg,#fff,#fbf8f4)!important;
  border-color:rgba(78,57,40,.11)!important;
  color:#201a15!important;
}

/* Favorites V3 */
html[data-theme='light'] .fav-hero{
  background:
    radial-gradient(circle at 94% 4%,rgba(255,141,25,.13),transparent 36%),
    linear-gradient(145deg,#fff,#fff8ef)!important;
  border-color:rgba(233,107,0,.18)!important;
  color:#201a15!important;
  box-shadow:0 18px 50px rgba(66,45,27,.07)!important;
}
html[data-theme='light'] .fav-hero-glow{
  background:radial-gradient(circle,rgba(255,139,24,.14),rgba(255,139,24,0) 68%)!important;
}
html[data-theme='light'] .fav-hero-stats>div,
html[data-theme='light'] .fav-playlist-box,
html[data-theme='light'] .fav-toolbar,
html[data-theme='light'] .fav-category-panel,
html[data-theme='light'] .fav-channel-card,
html[data-theme='light'] .fav-view-tabs,
html[data-theme='light'] .fav-no-sub{
  background:#fff!important;
  border-color:rgba(78,57,40,.11)!important;
  color:#201a15!important;
  box-shadow:0 10px 28px rgba(66,45,27,.045)!important;
}
html[data-theme='light'] .fav-hero-stats b{
  color:#201a15!important;
}
html[data-theme='light'] .fav-channel-card{
  background:linear-gradient(145deg,#fff,#fbf8f4)!important;
}
html[data-theme='light'] .fav-channel-card.is-favorite{
  background:linear-gradient(145deg,#fff1df,#fffaf4)!important;
  border-color:rgba(233,107,0,.38)!important;
}
html[data-theme='light'] .fav-category-btn{
  color:#3b3028!important;
}
html[data-theme='light'] .fav-category-btn:hover{
  background:#fff5e8!important;
}
html[data-theme='light'] .fav-category-btn.active{
  background:linear-gradient(135deg,#fff0dc,#fff9ef)!important;
  border-color:rgba(233,107,0,.30)!important;
  color:#a84b00!important;
}
html[data-theme='light'] .fav-cat-total,
html[data-theme='light'] .fav-star{
  background:#f7f3ee!important;
  border-color:rgba(78,57,40,.12)!important;
  color:#75685d!important;
}
html[data-theme='light'] .fav-star[aria-pressed='true']{
  background:#fff0dc!important;
  border-color:rgba(233,107,0,.30)!important;
  color:#e96b00!important;
}
html[data-theme='light'] .fav-channel-icon{
  background:#fff1df!important;
  border-color:rgba(233,107,0,.17)!important;
  color:#d85f00!important;
}

/* Premium tariffs */
html[data-theme='light'] .cy-tariff-card,
html[data-theme='light'] .cy-tariff-period-form,
html[data-theme='light'] .cy-classic-period-form,
html[data-theme='light'] .cy-classic-date-row,
html[data-theme='light'] .cy-classic-total,
html[data-theme='light'] .cy-tariff-balance{
  background:linear-gradient(145deg,#fff,#fbf8f4)!important;
  border-color:rgba(78,57,40,.11)!important;
  color:#201a15!important;
  box-shadow:0 12px 34px rgba(66,45,27,.05)!important;
}
html[data-theme='light'] .cy-period-link,
html[data-theme='light'] .cy-period-days{
  background:#fff!important;
  border-color:rgba(78,57,40,.14)!important;
  color:#5d5046!important;
}
html[data-theme='light'] .cy-period-link.active,
html[data-theme='light'] .cy-period-days.active{
  background:#fff0dc!important;
  border-color:rgba(233,107,0,.34)!important;
  color:#a84b00!important;
}

/* Retail category fold if opened elsewhere */
html[data-theme='light'] .cy-retail-fold,
html[data-theme='light'] .cy-retail-cat{
  background:#fff!important;
  border-color:rgba(78,57,40,.11)!important;
  color:#201a15!important;
}
html[data-theme='light'] .cy-retail-fold>summary:hover,
html[data-theme='light'] .cy-retail-cat:hover{
  background:#fff5e8!important;
}

/* Payments */
html[data-theme='light'] .payment-provider-card,
html[data-theme='light'] .payment-method-card,
html[data-theme='light'] .provider-card,
html[data-theme='light'] .payment-box,
html[data-theme='light'] .payment-summary{
  background:linear-gradient(145deg,#fff,#fbf8f4)!important;
  border-color:rgba(78,57,40,.11)!important;
  color:#201a15!important;
  box-shadow:0 12px 34px rgba(66,45,27,.05)!important;
}

/* Auth */
html[data-theme='light'] .auth-screen{
  background:#f5f2ed!important;
}
html[data-theme='light'] .auth-panel{
  background:
    radial-gradient(circle at 100% 0,rgba(255,139,24,.08),transparent 31%),
    linear-gradient(155deg,#fff,#f5f2ed)!important;
  color:#201a15!important;
}
html[data-theme='light'] .auth-card{
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(78,57,40,.11)!important;
  box-shadow:0 30px 80px rgba(66,45,27,.09)!important;
}
html[data-theme='light'] .auth-card h2,
html[data-theme='light'] .auth-card .form-label{
  color:#2b211a!important;
}
html[data-theme='light'] .auth-mini-trust div{
  background:#faf7f2!important;
  border-color:rgba(78,57,40,.08)!important;
  color:#74675d!important;
}

/* Theme toggle itself */
html[data-theme='light'] .theme-toggle,
html[data-theme='light'] .client-theme-toggle{
  background:#fff!important;
  color:#4e4137!important;
  border-color:rgba(78,57,40,.14)!important;
  box-shadow:0 7px 20px rgba(65,44,27,.05)!important;
}

/* Semantic badges remain readable */
html[data-theme='light'] .badge.bg-success,
html[data-theme='light'] .badge.text-bg-success{
  background:#e4f5ea!important;
  color:#17613e!important;
}
html[data-theme='light'] .badge.bg-danger,
html[data-theme='light'] .badge.text-bg-danger{
  background:#fde8e8!important;
  color:#9a2730!important;
}
html[data-theme='light'] .badge.bg-warning,
html[data-theme='light'] .badge.text-bg-warning{
  background:#fff0cf!important;
  color:#75500c!important;
}
html[data-theme='light'] .badge.bg-info,
html[data-theme='light'] .badge.text-bg-info{
  background:#fff0dc!important;
  color:#994500!important;
}

/* Remove remaining generic dark utility islands in customer area */
html[data-theme='light'] body.cy-premium-ui .bg-dark,
html[data-theme='light'] body.cy-premium-ui .text-bg-dark,
html[data-theme='light'] body.cy-premium-ui .bg-black{
  background:#f7f3ee!important;
  color:#201a15!important;
}

/* Scrollbars */
html[data-theme='light'] *{
  scrollbar-color:rgba(142,105,72,.35) transparent;
}



/* v7.26.1 final palette contract */
:root{--cy-brand:#ff7a00;--cy-brand-2:#ffa12b;--cy-focus:rgba(255,122,0,.18)}