/* Company palette. Semantic success, danger and warning colors retain their meaning. */
:root{--nukhba-navy:#0b2548;--nukhba-cyan:#049dc8;--nukhba-gold:#c99d32;--brand-gradient:linear-gradient(125deg,#123c6c,#087da6);--sidebar-bg:#091d37;--sidebar-bg-soft:#123458;--sidebar-accent:#079bc7;--sidebar-accent-2:#c99d32;--bs-primary:#087ea4;--bs-primary-rgb:8,126,164}
@media screen{
.page-dashboard .dashboard-hero,.page-dashboard .hero{background:linear-gradient(120deg,#0b2548 0%,#124773 55%,#087ea4 100%);box-shadow:0 8px 28px #0b254826;border-bottom:3px solid #c99d32}

body:not(.page-login){background-color:#f3f7fa}
.hero,.panel>h2,.form-title,.metric-table-head,.reference-page .card-header,.dash-table-card__header--sales{background:var(--brand-gradient)}
.primary,.primary:hover,.reference-page .btn-primary{background:var(--brand-gradient);border-color:#087ea4;color:#fff}.reference-page .btn-primary:hover{filter:brightness(1.08)}
.reference-page .btn-outline-primary{--bs-btn-color:#087ea4;--bs-btn-border-color:#087ea4;--bs-btn-hover-bg:#087ea4;--bs-btn-hover-border-color:#087ea4;--bs-btn-active-bg:#087ea4;--bs-btn-active-border-color:#087ea4}
body:not(.reference-page) aside{background:linear-gradient(180deg,#123458,#091d37)}
body:not(.reference-page) th{background:var(--brand-gradient)}
body:not(.reference-page) input:focus,body:not(.reference-page) select:focus,body:not(.reference-page) textarea:focus{border-color:#079bc7;outline:2px solid #079bc725}
.top-categories a.active,.top-categories a:hover{background:var(--brand-gradient);color:#fff}.stat.purple,.stat.blue{border-right-color:#079bc7}.stat.purple strong,.stat.blue strong{color:#087ea4}
.metric-hero-number strong,.stat-value--primary{background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text}.kpi-card--primary .kpi-card__glow{background:var(--brand-gradient)}
.sidebar-panel-heading{color:#e4bd5c}.sidebar-submenu-link.active,.sidebar-submenu-link:hover{border-inline-start-color:var(--nukhba-gold)}
.subscription-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;margin:0 0 22px;border:1px solid #c8e3de;border-right:4px solid #24866d;border-radius:14px;background:#f0faf6;color:#195b4a;font-family:Cairo,Tahoma,Arial,sans-serif}
.subscription-banner small,.subscription-banner strong,.subscription-banner span{display:block}.subscription-banner small{font-size:11px;font-weight:700;opacity:.8;margin-bottom:3px}.subscription-banner strong{font-size:14px}.subscription-banner span{font-size:11px;margin-top:4px}.subscription-banner a{flex-shrink:0;color:inherit;text-decoration:none;border:1px solid currentColor;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700}.subscription-banner a:hover{background:#ffffff90}
.subscription-warning{background:#fff9e8;border-color:#ecd69c;border-right-color:#c99d32;color:#785310}.subscription-danger{background:#fff0f0;border-color:#efb8b8;color:#a53131}.subscription-scheduled{background:#eef7ff;border-color:#aed3ea;color:#215b85}.badge.warning{background:#fff0be;color:#795616}
.admin-welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--brand-gradient);color:#fff;padding:28px;border-radius:18px;margin:0 0 24px;position:relative;overflow:hidden;border-bottom:3px solid var(--nukhba-gold)}
.admin-welcome h2{font-size:25px;margin:8px 0}.admin-welcome p{color:#dbedf5;margin:0;font-size:14px}.admin-eyebrow{color:#f2cd76;font-size:12px}.admin-health{background:#ffffff12;border:1px solid #ffffff25;border-radius:14px;padding:18px 24px;min-width:200px;text-align:center}.admin-health strong,.admin-health span{display:block}.admin-health strong{font-size:32px;color:#f7d47b}.admin-health span{font-size:12px}.admin-stats .stat{border-radius:14px}.activation-overview{background:#edf5fa;border:1px solid #d3e6ef}.activation-code input{background:#f2f7fa}.admin-shop-editor [data-renew-days]{background:#fff7df;border:1px solid #d6b155;color:#705012}.page-shops .filter{background:#eef5f9}.page-shops .table-wrap,.page-dashboard .admin-stats~.panel .table-wrap{overflow-x:auto}
body.page-login{background:radial-gradient(ellipse at 90% 10%,#16598488,transparent 50%),radial-gradient(ellipse at 5% 85%,#0894b430,transparent 42%),#091e38;color:#f7fbff;font-family:Cairo,Tahoma,Arial,sans-serif}
.page-login main.login{max-width:1220px;width:100%;padding:46px 32px 24px;min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;gap:32px 58px;align-items:center;margin:auto}
.page-login .login-brand{padding:0;background:transparent}.company-logo{width:164px;height:164px;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 12px 30px #0002;margin:0 0 24px}.company-logo img{display:block;width:100%;height:100%;object-fit:contain}
.brand-kicker{display:block;font-size:12px;font-weight:700;letter-spacing:.3px;color:#edc66a;margin-bottom:12px}.page-login .login-brand h1{color:#fff;background:none;font-size:40px;line-height:1.6;margin:0 0 14px;font-weight:800}.page-login .login-brand h1 em{color:#62d5ef;font-style:normal}.page-login .login-brand>p{font-size:15px;line-height:2;color:#c5d9e8;max-width:510px;margin:0 0 22px}.login-features{display:grid;gap:12px}.login-features>div{position:relative;padding:12px 52px 12px 14px;background:#ffffff06;border:1px solid #ffffff10;border-radius:12px}.login-features i{position:absolute;right:18px;top:20px;color:#e6bf62;font-size:19px}.login-features strong,.login-features span{display:block}.login-features strong{font-size:13px}.login-features span{font-size:11px;color:#b5cbdc;margin-top:3px}
.page-login .login-form{max-width:480px;border-radius:24px;padding:36px;background:#fff;color:#23344c;box-shadow:0 24px 65px #0003;border-top:4px solid var(--nukhba-gold)}.page-login .login-form h2{color:#0b2548;font-size:27px}.page-login .login-form>p{color:#6b7b8e;font-size:13px}.login-secure{background:#eaf7fb;color:#087fa5}.page-login .login-methods{padding:5px;background:#edf3f7;border-radius:12px;gap:5px}.page-login .login-methods button{background:transparent;border:0;color:#51647a;border-radius:9px;font-size:11px;line-height:1.8;padding:10px 6px}.page-login .login-methods [aria-pressed=true]{background:#fff;color:#0d6c8d;box-shadow:0 2px 8px #123c6c12}.page-login .login-form .primary{background:var(--brand-gradient);box-shadow:0 8px 18px #087ea422;padding:12px 20px;font-weight:700}.page-login .login-form .primary:hover{filter:brightness(1.08)}.page-login .login-form label{font-size:13px;font-weight:600}.page-login .login-form input{border-radius:12px;background:#f8fbfd;border-color:#dce6ee;font-size:14px}.page-login .login-form input:focus{outline:3px solid #079bc71c;border-color:#079bc7}.page-login .login-form form>p{font-size:12px;color:#68798a;line-height:1.9}.login-help{margin-top:24px;padding-top:18px;border-top:1px solid #e9eff4;text-align:center;font-size:12px;color:#718194}.login-help a{display:block;color:#087c9f;margin-top:6px;font-weight:700;text-decoration:none}
.login-about{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:36px;border-top:1px solid #ffffff18;padding:24px 0 6px}.login-about>div{max-width:700px}.login-about .brand-kicker{margin-bottom:5px}.login-about h2{font-size:17px;color:#fff;margin:0 0 8px}.login-about p{font-size:12px;line-height:2;color:#b7cddb;margin:0}.support-link{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 22px;border:1px solid #dbb85970;border-radius:12px;color:#f4d47b;text-decoration:none;white-space:nowrap;font-size:12px}.support-link i{font-size:22px}.support-link:hover{color:#fff;background:#ffffff0a}
@media(max-width:800px){.page-login main.login{grid-template-columns:1fr;gap:28px;padding:26px 20px}.page-login .login-brand h1{font-size:30px}.company-logo{width:130px;height:130px;margin-bottom:18px}.page-login .login-brand>p{font-size:13px}.page-login .login-form{max-width:none;padding:28px 24px}.login-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.login-features>div{padding:12px 10px}.login-features i{position:static;display:block;margin-bottom:8px}.login-features strong{font-size:11px}.login-features span{display:none}.login-about{flex-direction:column;align-items:stretch;gap:18px}.support-link{flex-direction:row;justify-content:center;flex-wrap:wrap}.page-login .login-methods{flex-direction:row}.admin-welcome{flex-direction:column;align-items:stretch;padding:22px}.admin-health{min-width:0}.subscription-banner{align-items:flex-start;padding:14px;gap:12px;flex-wrap:wrap}.subscription-banner strong{font-size:13px}.subscription-banner a{padding:7px 10px}.activation-overview .activation-code{width:100%}}
}
@media print{.subscription-banner{display:none!important}}