/* Yebrax GC — SaaS design system RC3 */
:root{
  --gc-navy:#071b33;
  --gc-navy-2:#0b294b;
  --gc-blue:#0b63ce;
  --gc-blue-2:#1286c8;
  --gc-cyan:#16b5c5;
  --gc-green:#16a36a;
  --gc-orange:#f59e0b;
  --gc-red:#dc4c4c;
  --gc-ink:#0f172a;
  --gc-muted:#64748b;
  --gc-bg:#f4f7fb;
  --gc-surface:#ffffff;
  --gc-surface-2:#f8fafc;
  --gc-line:#dce5ef;
  --gc-shadow:0 12px 38px rgba(15,35,64,.09);
  --primary:var(--gc-blue);
  --primary2:var(--gc-cyan);
  --radius:16px;
}
:root[data-theme="dark"]{
  --gc-ink:#edf4ff;
  --gc-muted:#95a7bc;
  --gc-bg:#07101e;
  --gc-surface:#0e1b2c;
  --gc-surface-2:#102239;
  --gc-line:#22364e;
  --gc-shadow:0 18px 46px rgba(0,0,0,.28);
}

body.ui2{
  color:var(--gc-ink);
  background:
    radial-gradient(850px 480px at 0% -10%,rgba(11,99,206,.09),transparent 62%),
    radial-gradient(700px 420px at 100% 0%,rgba(22,181,197,.06),transparent 60%),
    var(--gc-bg);
}
body.ui2 h1,body.ui2 h2,body.ui2 h3{color:var(--gc-ink);letter-spacing:-.35px}
body.ui2 label,body.ui2 .muted,body.ui2 .small{color:var(--gc-muted)}

body.ui2 .card{
  color:var(--gc-ink);
  background:var(--gc-surface);
  border:1px solid var(--gc-line);
  border-radius:18px;
  box-shadow:var(--gc-shadow);
  backdrop-filter:none;
}
body.ui2 .card.subcard{box-shadow:none;background:var(--gc-surface-2)}

body.ui2 .panel-sidebar{
  background:
    radial-gradient(520px 430px at 0% 0%,rgba(22,181,197,.12),transparent 58%),
    linear-gradient(180deg,var(--gc-navy) 0%,#051326 100%);
  border-inline-end:1px solid rgba(255,255,255,.07);
  box-shadow:12px 0 38px rgba(4,17,34,.16);
}
body.ui2 .panel-sidebar,
body.ui2 .panel-sidebar a,
body.ui2 .panel-sidebar button{color:#eaf3fc}
body.ui2 .panel-sidebar__brand{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:17px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
body.ui2 .panel-sidebar__brand img{background:#fff;border:1px solid rgba(255,255,255,.16);object-fit:contain!important;padding:3px}
body.ui2 .panel-sidebar__brand .title{font-size:16px;color:#fff}
body.ui2 .panel-sidebar__brand .small{color:#8fa9c5}
body.ui2 .panel-group__head{color:#87a1bd;text-transform:none;font-size:12px;letter-spacing:.1px}
body.ui2 .panel-nav__item{border:1px solid transparent;color:#b7c8d9;border-radius:12px;min-height:43px}
body.ui2 .panel-nav__item:hover{background:rgba(255,255,255,.055);color:#fff}
body.ui2 .panel-nav__item.active{
  background:linear-gradient(135deg,rgba(11,99,206,.58),rgba(18,134,200,.32));
  border-color:rgba(111,198,255,.28);
  color:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.18),inset 3px 0 0 #65e5ec;
}
[dir="rtl"] body.ui2 .panel-nav__item.active{box-shadow:0 10px 24px rgba(0,0,0,.18),inset -3px 0 0 #65e5ec}
body.ui2 .panel-sidebar input{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10);color:#fff;border-radius:12px}
body.ui2 .panel-sidebar input::placeholder{color:#7892ad}

body.ui2 .panel-topbar{
  background:rgba(255,255,255,.90);
  border-bottom:1px solid var(--gc-line);
  box-shadow:0 7px 24px rgba(15,35,64,.05);
  backdrop-filter:blur(16px);
}
:root[data-theme="dark"] body.ui2 .panel-topbar{background:rgba(8,20,36,.91)}
body.ui2 .panel-page-title{color:var(--gc-ink);font-size:18px;font-weight:900}
body.ui2 .panel-content{max-width:100%;}
body.ui2 .panel-content>.container{max-width:1440px;padding:18px}

body.ui2 .btn{
  border-radius:11px;
  border:1px solid var(--gc-line);
  background:var(--gc-surface);
  color:var(--gc-ink);
  box-shadow:0 3px 10px rgba(15,35,64,.035);
  min-height:39px;
  font-weight:800;
}
body.ui2 .btn:hover{background:var(--gc-surface-2);border-color:#bfd0e3;transform:translateY(-1px)}
body.ui2 .btn.primary{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,var(--gc-blue),var(--gc-blue-2));
  box-shadow:0 9px 22px rgba(11,99,206,.22);
}
body.ui2 .btn.primary:hover{filter:brightness(1.06)}
body.ui2 .btn.danger{color:#a52d2d;background:#fff5f5;border-color:#f1cccc}
:root[data-theme="dark"] body.ui2 .btn.danger{color:#ffb3b3;background:rgba(220,76,76,.12);border-color:rgba(220,76,76,.26)}

body.ui2 input,body.ui2 select,body.ui2 textarea,body.ui2 .input{
  color:var(--gc-ink);
  background:var(--gc-surface);
  border:1px solid var(--gc-line);
  border-radius:11px;
  min-height:42px;
  box-shadow:none;
}
body.ui2 input:focus,body.ui2 select:focus,body.ui2 textarea:focus,body.ui2 .input:focus{
  border-color:rgba(11,99,206,.7);
  box-shadow:0 0 0 4px rgba(11,99,206,.10);
}
body.ui2 input::placeholder,body.ui2 textarea::placeholder{color:#9aaaba}

body.ui2 .table-wrap,body.ui2 .table{border:1px solid var(--gc-line);border-radius:14px;background:var(--gc-surface);overflow:hidden}
body.ui2 .table thead th{color:#516579;background:#f3f7fb;border-bottom:1px solid var(--gc-line);font-weight:900;white-space:nowrap}
body.ui2 .table td{border-bottom-color:#e9eff5}
body.ui2 .table tbody tr:hover{background:#f7faff}
:root[data-theme="dark"] body.ui2 .table thead th{color:#a9bdd0;background:#11243a}
:root[data-theme="dark"] body.ui2 .table td{border-bottom-color:#1d3046}
:root[data-theme="dark"] body.ui2 .table tbody tr:hover{background:#102238}

body.ui2 .badge,body.ui2 .pill{border-color:#d7e3ef;background:#f2f6fa;color:#53687b}
body.ui2 .badge.ok{background:#eaf8f1;border-color:#c5ead7;color:#16714d}
body.ui2 .badge.warn{background:#fff7e7;border-color:#f5ddb0;color:#92610a}
body.ui2 .badge.danger{background:#fff0f0;border-color:#efcccc;color:#a83636}
body.ui2 .badge.hot{background:#e9f8fa;border-color:#c4edf0;color:#087683}
:root[data-theme="dark"] body.ui2 .badge,:root[data-theme="dark"] body.ui2 .pill{background:#12243a;border-color:#253b53;color:#adc0d4}

body.ui2 .notice{background:#edf5ff;border-color:#cfe1f5;color:#285275}
body.ui2 .notice.ok{background:#ecf9f2;border-color:#c6ead7;color:#286b4d}
body.ui2 .notice.danger{background:#fff1f1;border-color:#efcaca;color:#923535}
body.ui2 .notice.warn{background:#fff8e9;border-color:#f1dfb7;color:#8a620f}
:root[data-theme="dark"] body.ui2 .notice{background:#10263e;border-color:#244565;color:#c1d6e9}

.gc-brand-mark{width:44px;height:44px;flex:0 0 44px;border-radius:13px;display:grid;place-items:center;font-weight:950;font-size:20px;color:#fff;background:linear-gradient(145deg,#0b63ce,#16b5c5);box-shadow:0 10px 24px rgba(0,0,0,.22)}

/* KPI and dashboard cards */
body.ui2 .ui2-kpis{gap:14px}
body.ui2 .ui2-kpi{position:relative;overflow:hidden;padding:18px;min-height:132px}
body.ui2 .ui2-kpi:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;inset:auto -35px -45px auto;background:rgba(11,99,206,.06)}
body.ui2 .ui2-kpi .t{color:var(--gc-muted);font-size:12px;font-weight:900}
body.ui2 .ui2-kpi .v{font-size:28px;color:var(--gc-ink);margin-top:9px}
body.ui2 .ui2-kpi .s{line-height:1.6;margin-top:7px}

/* Unified authentication experience */
body.auth-page{min-height:100vh;margin:0;background:linear-gradient(135deg,#06182e 0%,#082b50 58%,#0b5d78 100%);color:#0f172a}
body.auth-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 12% 12%,rgba(22,181,197,.25),transparent 28%),radial-gradient(circle at 88% 84%,rgba(245,158,11,.18),transparent 30%);pointer-events:none}
.auth-shell{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:28px}
.auth-card{width:min(1060px,96vw);background:#fff;border:1px solid rgba(255,255,255,.22);border-radius:28px;box-shadow:0 42px 110px rgba(0,0,0,.34);overflow:hidden}
.auth-top{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;border-bottom:1px solid #e5edf5;background:#fff}
.auth-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#0f172a}.auth-brand .logo{width:46px;height:46px;border-radius:14px;background:#f4f7fb;display:grid;place-items:center}.auth-brand img{width:40px;height:40px;object-fit:contain}.auth-brand .t b,.auth-brand .t span{display:block}.auth-brand .t span{font-size:11px;color:#64748b;margin-top:2px}.auth-actions{display:flex;gap:8px}.auth-actions .btn{background:#fff;color:#0f172a;border-color:#dce5ef}
.auth-grid{display:grid;grid-template-columns:.86fr 1.14fr;min-height:555px}.auth-left{position:relative;background:linear-gradient(145deg,#071b33,#0a3e68);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.auth-left:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-160px;bottom:-180px;background:rgba(22,181,197,.18)}.auth-left>*{position:relative;z-index:1}.auth-left h2{color:#fff!important;font-size:36px;line-height:1.15}.auth-left .small{color:#c4d7e8!important}.auth-left .kicker{display:inline-flex;align-self:flex-start;border-radius:999px;padding:7px 12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);font-weight:900;font-size:12px}.auth-bullets{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.auth-bullets .pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13);color:#eaf5ff}.auth-note{margin-top:25px;padding:14px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);font-size:13px;line-height:1.7;color:#c6d9ea}.auth-right{padding:42px;display:flex;flex-direction:column;justify-content:center;background:#fff}.auth-right h2{color:#0f172a}.auth-form label{color:#475569;font-weight:800}.auth-form input{color:#0f172a;background:#fff;border:1px solid #dce5ef;border-radius:12px;min-height:46px}.auth-form input:focus{border-color:#0b63ce;box-shadow:0 0 0 4px rgba(11,99,206,.1)}.auth-right .btn{background:#fff;color:#0f172a;border:1px solid #dce5ef}.auth-right .btn.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,#0b63ce,#1286c8)}.auth-right .small{color:#64748b}.auth-sep{display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:12px;margin:20px 0}.auth-sep:before,.auth-sep:after{content:"";height:1px;background:#e5edf5;flex:1}.auth-help-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.auth-help-row a{font-size:13px;color:#0b63ce;font-weight:800}.password-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px}.password-meter i{height:4px;border-radius:999px;background:#e2e8f0}.password-meter[data-strength="1"] i:nth-child(1),.password-meter[data-strength="2"] i:nth-child(-n+2),.password-meter[data-strength="3"] i:nth-child(-n+3),.password-meter[data-strength="4"] i{background:#16a36a}

@media(max-width:980px){
  body.ui2 .panel-content{padding:10px}
  body.ui2 .panel-content>.container{padding:10px}
  body.ui2 .card{border-radius:15px;padding:13px}
  .auth-grid{grid-template-columns:1fr}.auth-left{display:none}.auth-right{padding:30px 22px}.auth-card{border-radius:20px}.auth-top{padding:12px 14px}
}
@media(max-width:560px){.auth-shell{padding:10px}.auth-brand .t span{display:none}.auth-actions .btn:first-child{display:none}}

/* RC3 — SaaS pricing, billing and renewal */
.plan-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.plan-card{position:relative;cursor:pointer;transition:.18s ease;border:1px solid var(--gc-line)!important;min-height:235px;display:flex;flex-direction:column;justify-content:space-between}
.plan-card:hover,.plan-card.selected{border-color:rgba(11,99,206,.58)!important;box-shadow:0 16px 34px rgba(11,99,206,.12)!important;transform:translateY(-2px)}
.plan-card.is-featured{background:linear-gradient(145deg,rgba(11,99,206,.05),rgba(22,181,197,.05))!important}
.plan-card__head,.plan-card__foot{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.plan-card__badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.plan-card__price-block{padding:15px 0;border-top:1px solid var(--gc-line);border-bottom:1px solid var(--gc-line);margin:12px 0}
.plan-card__monthly{display:flex;align-items:baseline;gap:5px;margin-bottom:7px}.plan-card__monthly strong{font-size:28px;color:var(--gc-ink)}.plan-card__monthly span{font-size:12px;color:var(--gc-muted)}
.plan-card__amount{font-size:18px;font-weight:950}.plan-saving,.text-success{color:#14805a!important;font-weight:800}
.plan-card__radio{width:22px!important;height:22px!important;min-height:0!important;accent-color:var(--gc-blue)}

.pricing-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.pricing-admin-card{position:relative;overflow:hidden}.pricing-admin-card.featured{border-color:rgba(11,99,206,.48)!important;background:linear-gradient(145deg,rgba(11,99,206,.05),rgba(22,181,197,.04))!important}.pricing-admin-monthly{display:flex;align-items:baseline;gap:5px;margin:18px 0 12px}.pricing-admin-monthly strong{font-size:31px}.pricing-admin-monthly span{font-size:12px;color:var(--gc-muted)}.pricing-admin-total,.renew-price-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--gc-line)}

.renew-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.renew-plan{display:block;cursor:pointer}.renew-plan input{position:absolute;opacity:0;pointer-events:none}.renew-plan>span{position:relative;display:flex;flex-direction:column;gap:5px;min-height:125px;padding:14px;border:1px solid var(--gc-line);border-radius:14px;background:var(--gc-surface);transition:.18s ease}.renew-plan input:checked+span{border-color:rgba(11,99,206,.7);box-shadow:0 0 0 4px rgba(11,99,206,.10),0 12px 28px rgba(11,99,206,.10)}.renew-plan strong{font-size:20px;margin-top:auto}.renew-plan small{color:var(--gc-muted)}.renew-plan em{position:absolute;inset:9px auto auto 9px;background:#e9f8fa;color:#087683;border-radius:999px;padding:3px 7px;font-size:11px;font-style:normal;font-weight:900}[dir="ltr"] .renew-plan em{inset:9px 9px auto auto}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sticky-card{position:sticky;top:90px}
.secret-field{position:relative}.secret-field input{padding-inline-end:50px!important}.secret-toggle{position:absolute;inset:5px auto 5px 5px;width:38px;border:0;border-radius:9px;background:#eef4fa;cursor:pointer}[dir="ltr"] .secret-toggle{inset:5px 5px 5px auto}.otp-input{text-align:center;font-size:25px!important;font-weight:950;letter-spacing:9px;direction:ltr}

@media(max-width:1100px){.pricing-admin-grid,.renew-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.plan-grid,.pricing-admin-grid,.renew-plan-grid,.form-grid-2{grid-template-columns:1fr}.sticky-card{position:static}.plan-card{min-height:auto}}

/* ========================================================================
   RC4 — unified client/admin workspace
   ======================================================================== */
body.ui2-panel,body.ui2-admin{background:#f3f6fa;color:#122238}
:root[data-theme="dark"] body.ui2-panel,:root[data-theme="dark"] body.ui2-admin{background:#07111f;color:#e9f1fb}
body.ui2 .panel-layout{min-height:100vh;background:transparent}
body.ui2 .panel-main{min-width:0;flex:1;background:transparent}
body.ui2 .panel-sidebar{width:284px;flex:0 0 284px;padding:14px 12px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
body.ui2 .panel-sidebar__brand{position:relative;min-height:70px;padding:11px 12px;display:flex;align-items:center;gap:10px}
body.ui2 .panel-sidebar__brand .sb-collapse{position:absolute;inset:8px 8px auto auto;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:9px;background:rgba(255,255,255,.08);color:#d9e8f5;cursor:pointer;z-index:2}
[dir="rtl"] body.ui2 .panel-sidebar__brand .sb-collapse{inset:8px auto auto 8px;transform:rotate(180deg)}
body.ui2 .panel-nav-search,body.ui2 .panel-sidebar__search{margin:12px 2px 8px}
body.ui2 .panel-nav-search input,body.ui2 .panel-sidebar__search input{width:100%;padding:0 13px;min-height:42px}
body.ui2 .panel-nav{display:flex;flex-direction:column;gap:8px;padding-bottom:20px}
body.ui2 .panel-group{border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.025);overflow:hidden}
body.ui2 .panel-group__head{width:100%;min-height:44px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;cursor:pointer;text-align:inherit}
body.ui2 .panel-group__head:hover{background:rgba(255,255,255,.045);color:#dceaf7}
body.ui2 .panel-group__title{display:flex;align-items:center;gap:10px;min-width:0}
body.ui2 .panel-group__title .ic{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.06);color:#c9daea;font-size:15px;flex:0 0 28px}
body.ui2 .panel-group__title b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a9bfd2;font-size:12px}
body.ui2 .panel-group__chev{color:#7491ad;font-size:12px;transition:transform .18s ease}
body.ui2 .panel-group__items{display:none!important;padding:5px 6px 8px}
body.ui2 .panel-group[data-open="1"] .panel-group__items{display:block!important}
body.ui2 .panel-group[data-open="1"] .panel-group__chev{transform:rotate(180deg)}
body.ui2 .panel-nav__item{display:flex;align-items:center;gap:10px;padding:9px 10px;margin:2px 0;min-height:42px;text-decoration:none}
body.ui2 .panel-nav__item .ic{width:27px;height:27px;display:grid;place-items:center;flex:0 0 27px;border-radius:8px;background:rgba(255,255,255,.04);font-size:14px}
body.ui2 .panel-nav__item .lb{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:800}
body.ui2 .panel-topbar{min-height:70px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}
body.ui2 .panel-topbar__left,body.ui2 .panel-topbar__right{display:flex;align-items:center;gap:9px}
body.ui2 .panel-topbar__right{justify-content:flex-end;flex-wrap:wrap}
body.ui2 .panel-content{padding:14px 18px 30px}
body.ui2 .panel-content>.container{width:100%;max-width:1480px!important;margin-inline:auto;padding:0!important}
body.gc-drawer-open{overflow:hidden}

/* collapsed desktop sidebar */
@media(min-width:981px){
  body.ui2 .panel-layout.is-collapsed .panel-sidebar{width:88px;flex:0 0 88px;padding-inline:10px}
  body.ui2 .panel-layout.is-collapsed .panel-sidebar__brand{justify-content:center;padding:11px 7px}
  body.ui2 .panel-layout.is-collapsed .panel-sidebar__brand .txt,
  body.ui2 .panel-layout.is-collapsed .panel-sidebar__brand .brand>div,
  body.ui2 .panel-layout.is-collapsed .panel-sidebar__search,
  body.ui2 .panel-layout.is-collapsed .panel-nav-search,
  body.ui2 .panel-layout.is-collapsed .panel-group__title b,
  body.ui2 .panel-layout.is-collapsed .panel-group__chev,
  body.ui2 .panel-layout.is-collapsed .panel-nav__item .lb{display:none!important}
  body.ui2 .panel-layout.is-collapsed .panel-sidebar__brand .sb-collapse{inset:auto;bottom:-34px;left:50%;transform:translateX(-50%) rotate(180deg)}
  [dir="rtl"] body.ui2 .panel-layout.is-collapsed .panel-sidebar__brand .sb-collapse{transform:translateX(-50%)}
  body.ui2 .panel-layout.is-collapsed .panel-group{overflow:visible;background:transparent;border-color:transparent}
  body.ui2 .panel-layout.is-collapsed .panel-group__head{justify-content:center;padding:7px 4px}
  body.ui2 .panel-layout.is-collapsed .panel-group__items{display:block!important;padding:2px 0}
  body.ui2 .panel-layout.is-collapsed .panel-nav__item{justify-content:center;padding:7px 4px}
  body.ui2 .panel-layout.is-collapsed .panel-nav__item .ic{width:36px;height:36px;flex-basis:36px}
}

/* dashboard shared */
.gc-dashboard,.gc-admin-dashboard{display:grid;gap:14px}.gc-alert{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0}.gc-alert .small{margin-top:4px}
.gc-dash-hero,.gc-admin-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:30px 32px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#071b33 0%,#0a3159 58%,#0c647c 100%);box-shadow:0 20px 52px rgba(6,24,46,.19)}
.gc-dash-hero:after,.gc-admin-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;inset:-190px -120px auto auto;background:rgba(31,198,205,.16)}
[dir="rtl"] .gc-dash-hero:after,[dir="rtl"] .gc-admin-hero:after{inset:-190px auto auto -120px}
.gc-dash-hero>* ,.gc-admin-hero>*{position:relative;z-index:1}.gc-dash-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);font-size:12px;font-weight:900;color:#dcebf7}.gc-dash-hero h1,.gc-admin-hero h1{color:#fff!important;font-size:30px;margin:12px 0 7px}.gc-dash-hero p,.gc-admin-hero p{max-width:760px;color:#c5d7e7;line-height:1.75;margin:0}.gc-dash-hero__actions,.gc-admin-hero__actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;max-width:460px}.gc-dash-hero .btn,.gc-admin-hero .btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);color:#fff}.gc-dash-hero .btn.primary,.gc-admin-hero .btn.primary{background:linear-gradient(135deg,#1380df,#16a7c0);border-color:transparent}.gc-dash-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:15px}.gc-dash-meta>span{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#dce9f5;font-size:12px;font-weight:800}
.gc-health-strip,.gc-platform-health{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.gc-health-strip a,.gc-platform-health a{display:flex;align-items:center;gap:11px;padding:15px 16px;border:1px solid var(--gc-line);border-radius:16px;background:var(--gc-surface);color:var(--gc-ink);text-decoration:none;box-shadow:0 7px 22px rgba(15,35,64,.045);transition:.18s}.gc-health-strip a:hover,.gc-platform-health a:hover{transform:translateY(-2px);border-color:#bfd5ea}.gc-health-strip a>span,.gc-platform-health a>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#edf5ff;color:#0b63ce;font-size:17px;font-weight:1000;flex:0 0 39px}.gc-health-strip small,.gc-platform-health small,.gc-health-strip b,.gc-platform-health b{display:block}.gc-health-strip small,.gc-platform-health small{font-size:11px;color:var(--gc-muted);font-weight:800}.gc-health-strip b,.gc-platform-health b{margin-top:3px;font-size:15px}.gc-platform-health .is-ok>span{background:#e9f8f1;color:#14805a}.gc-platform-health .is-warn>span{background:#fff5df;color:#9b680a}.gc-platform-health .is-bad>span{background:#fff0f0;color:#ad3535}
.gc-kpi-grid,.gc-admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gc-kpi-card{position:relative;overflow:hidden;min-height:176px;padding:19px;border:1px solid var(--gc-line);border-radius:18px;background:var(--gc-surface);box-shadow:0 9px 28px rgba(15,35,64,.06)}.gc-kpi-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;inset:auto -55px -62px auto;background:var(--tone-soft,#edf5ff)}[dir="rtl"] .gc-kpi-card:after{inset:auto auto -62px -55px}.gc-kpi-card__top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.gc-kpi-card__top>a{color:var(--gc-muted);text-decoration:none;font-size:18px}.gc-kpi-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--tone-soft,#edf5ff);color:var(--tone,#0b63ce);font-size:19px;font-weight:1000}.gc-kpi-card>small,.gc-kpi-card>strong,.gc-kpi-card>p{position:relative;z-index:1;display:block}.gc-kpi-card>small{margin-top:15px;color:var(--gc-muted);font-size:12px;font-weight:900}.gc-kpi-card>strong{margin-top:7px;color:var(--gc-ink);font-size:25px;line-height:1.2}.gc-kpi-card>p{margin:7px 0 0;color:var(--gc-muted);font-size:12px;line-height:1.55}.tone-blue{--tone:#0b63ce;--tone-soft:#eaf4ff}.tone-cyan{--tone:#087d8b;--tone-soft:#e8f9fa}.tone-green{--tone:#14805a;--tone-soft:#e9f8f1}.tone-orange{--tone:#9a680d;--tone-soft:#fff5df}.tone-red{--tone:#ad3535;--tone-soft:#fff0f0}
.gc-dashboard-grid,.gc-admin-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.7fr);gap:14px;align-items:start}.gc-dashboard-main,.gc-dashboard-side,.gc-admin-main,.gc-admin-side{display:grid;gap:14px;min-width:0}.gc-admin-side,.gc-dashboard-side{position:sticky;top:86px}.gc-section-card{padding:21px!important;box-shadow:0 9px 28px rgba(15,35,64,.055)!important}.gc-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.gc-card-head h2{font-size:19px;margin:5px 0 3px}.gc-card-head p{margin:0;color:var(--gc-muted);font-size:12px;line-height:1.7}.gc-card-eyebrow{font-size:11px;color:#0b63ce;font-weight:950;text-transform:none}.gc-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.gc-chip-row{display:flex;gap:7px;flex-wrap:wrap}
.gc-cash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gc-cash-grid>div{padding:16px;border-radius:15px;border:1px solid var(--gc-line);background:var(--gc-surface-2)}.gc-cash-grid span,.gc-cash-grid strong{display:block}.gc-cash-grid span{font-size:12px;color:var(--gc-muted);font-weight:800}.gc-cash-grid strong{font-size:20px;margin-top:7px}.gc-cash-grid i{display:block;position:relative;height:6px;margin-top:14px;border-radius:999px;background:#e4ebf3;overflow:hidden}.gc-cash-grid i:after{content:"";display:block;width:var(--p);height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b63ce,#16b5c5)}.positive{color:#14805a!important}.negative{color:#b13b3b!important}
.gc-table-wrap{border-radius:15px!important;box-shadow:none!important;overflow:auto!important}.gc-table-wrap .table{min-width:720px;border:0!important;border-radius:0!important}.gc-table-wrap .table th,.gc-table-wrap .table td{padding:12px 13px;vertical-align:middle}.gc-table-wrap .table thead th{font-size:11px;text-transform:none;letter-spacing:0}.gc-strong-link{color:#0b63ce;font-weight:900;text-decoration:none}.gc-empty{text-align:center!important;padding:34px!important;color:var(--gc-muted)!important}.mono,code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.gc-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gc-action-grid a{display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--gc-line);border-radius:13px;background:var(--gc-surface-2);color:var(--gc-ink);text-decoration:none;transition:.18s}.gc-action-grid a:hover{border-color:#b9d3ed;transform:translateY(-1px)}.gc-action-grid a>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#eaf4ff}.gc-action-grid a>b{font-size:12px}.gc-action-grid a>small{color:var(--gc-muted);font-weight:900}.gc-progress-value{font-size:22px;color:#0b63ce}.gc-progress{height:10px;background:#e7edf4;border:0}.gc-progress>i{background:linear-gradient(90deg,#0b63ce,#16b5c5)}.gc-next-step{margin-top:13px;padding:12px;border-radius:12px;background:var(--gc-surface-2);border:1px solid var(--gc-line)}.gc-next-step span,.gc-next-step b{display:block}.gc-next-step span{font-size:11px;color:var(--gc-muted)}.gc-next-step b{margin-top:4px}.gc-sub-list,.gc-admin-stat-list{display:grid;gap:0}.gc-sub-list>div,.gc-admin-stat-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--gc-line)}.gc-sub-list>div:last-child,.gc-admin-stat-list>div:last-child{border-bottom:0}.gc-sub-list span,.gc-admin-stat-list span{color:var(--gc-muted);font-size:12px;font-weight:800}.gc-sub-list a{color:#0b63ce;font-weight:900;text-decoration:none}.gc-zatca-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gc-zatca-grid>div{text-align:center;padding:12px;border-radius:12px;background:var(--gc-surface-2);border:1px solid var(--gc-line)}.gc-zatca-grid span,.gc-zatca-grid b{display:block}.gc-zatca-grid span{font-size:11px;color:var(--gc-muted)}.gc-zatca-grid b{font-size:20px;margin-top:5px}
.gc-revenue-chart{height:190px;padding:10px 0 0;border-bottom:1px solid var(--gc-line);background:linear-gradient(180deg,rgba(11,99,206,.025),transparent);border-radius:14px}.gc-chart-labels{display:flex;justify-content:space-between;margin-top:8px;color:var(--gc-muted);font-size:11px}.gc-admin-search{display:flex;align-items:center;gap:9px;margin-bottom:12px;padding:0 12px;border:1px solid var(--gc-line);border-radius:12px;background:var(--gc-surface-2)}.gc-admin-search input{border:0!important;background:transparent!important;box-shadow:none!important;width:100%}.gc-company-cell{display:flex;align-items:center;gap:9px;min-width:190px}.gc-company-cell>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf4ff,#e8f9fa);color:#0b63ce;font-weight:1000}.gc-company-cell b,.gc-company-cell small{display:block}.gc-company-cell small{margin-top:3px;color:var(--gc-muted);font-size:11px}.gc-row-actions{display:flex;gap:6px;flex-wrap:wrap}.gc-row-actions .btn{min-height:34px;padding:7px 9px;font-size:11px}.gc-lifecycle{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.gc-lifecycle a{display:flex;align-items:center;gap:9px;padding:12px;border-radius:13px;background:var(--gc-surface-2);border:1px solid var(--gc-line);color:var(--gc-ink);text-decoration:none}.gc-lifecycle a>div{flex:1}.gc-lifecycle small,.gc-lifecycle b{display:block}.gc-lifecycle small{color:var(--gc-muted);font-size:11px}.gc-lifecycle b{font-size:20px;margin-top:3px}.dot{width:10px;height:10px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 5px rgba(148,163,184,.12)}.dot.active{background:#16a36a;box-shadow:0 0 0 5px rgba(22,163,106,.12)}.dot.trial{background:#0b63ce;box-shadow:0 0 0 5px rgba(11,99,206,.12)}.dot.grace{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.13)}.dot.expired{background:#dc4c4c;box-shadow:0 0 0 5px rgba(220,76,76,.12)}.gc-admin-actions{display:grid;gap:8px}.gc-admin-actions a{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--gc-line);border-radius:13px;background:var(--gc-surface-2);text-decoration:none;color:var(--gc-ink)}.gc-admin-actions a>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#eaf4ff;color:#0b63ce;font-weight:1000}.gc-admin-actions b,.gc-admin-actions small{display:block}.gc-admin-actions b{font-size:12px}.gc-admin-actions small{margin-top:3px;font-size:11px;color:var(--gc-muted)}

/* dark mode harmonisation */
:root[data-theme="dark"] body.ui2 .gc-kpi-card,:root[data-theme="dark"] body.ui2 .gc-health-strip a,:root[data-theme="dark"] body.ui2 .gc-platform-health a{background:var(--gc-surface);border-color:var(--gc-line)}
:root[data-theme="dark"] .gc-action-grid a,:root[data-theme="dark"] .gc-cash-grid>div,:root[data-theme="dark"] .gc-next-step,:root[data-theme="dark"] .gc-zatca-grid>div,:root[data-theme="dark"] .gc-admin-search,:root[data-theme="dark"] .gc-lifecycle a,:root[data-theme="dark"] .gc-admin-actions a{background:var(--gc-surface-2)}
:root[data-theme="dark"] .gc-action-grid a>span,:root[data-theme="dark"] .gc-company-cell>span,:root[data-theme="dark"] .gc-admin-actions a>span{background:#122b47;color:#7accec}
:root[data-theme="dark"] .gc-cash-grid i,:root[data-theme="dark"] .gc-progress{background:#1c3148}

@media(max-width:1180px){.gc-dashboard-grid,.gc-admin-grid{grid-template-columns:1fr}.gc-admin-side,.gc-dashboard-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.gc-admin-side>article:last-child,.gc-dashboard-side>article:last-child{grid-column:1/-1}}
@media(max-width:980px){
  body.ui2 .panel-sidebar{position:fixed!important;width:min(310px,88vw)!important;flex-basis:auto!important;top:0;bottom:0;z-index:90;transition:transform .22s ease;box-shadow:20px 0 55px rgba(0,0,0,.28)}
  body.ui2 .panel-layout.is-ltr .panel-sidebar{left:0;right:auto;transform:translateX(-105%)}
  body.ui2 .panel-layout.is-rtl .panel-sidebar{right:0;left:auto;transform:translateX(105%)}
  body.ui2 .panel-sidebar.is-open{transform:translateX(0)!important}
  body.ui2 .panel-overlay{display:block;position:fixed;inset:0;z-index:80;background:rgba(2,10,20,.55);opacity:0;pointer-events:none;transition:opacity .2s}
  body.ui2 .panel-overlay.is-open{opacity:1;pointer-events:auto}
  body.ui2 .panel-sidebar__brand .sb-collapse,#yrAdminSidebarCollapse{display:none!important}
  body.ui2 .panel-content{padding:12px}
  body.ui2 .panel-topbar{padding:9px 12px}.gc-health-strip,.gc-platform-health,.gc-kpi-grid,.gc-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  body.ui2 .panel-topbar__title .small{display:none}body.ui2 .panel-topbar__right .lang-pill,body.ui2 .panel-topbar__right>a[href*="billing"]{display:none}.gc-dash-hero,.gc-admin-hero{align-items:flex-start;flex-direction:column;padding:23px 20px}.gc-dash-hero h1,.gc-admin-hero h1{font-size:25px}.gc-dash-hero__actions,.gc-admin-hero__actions{justify-content:flex-start;width:100%;max-width:none}.gc-dash-hero__actions .btn,.gc-admin-hero__actions .btn{flex:1 1 145px}.gc-health-strip,.gc-platform-health,.gc-kpi-grid,.gc-admin-kpis,.gc-cash-grid,.gc-admin-side,.gc-dashboard-side{grid-template-columns:1fr}.gc-admin-side>article:last-child,.gc-dashboard-side>article:last-child{grid-column:auto}.gc-action-grid{grid-template-columns:1fr}.gc-lifecycle{grid-template-columns:1fr 1fr}.gc-section-card{padding:16px!important}.gc-kpi-card{min-height:155px}.gc-table-wrap{margin-inline:-4px}}