:root{
  --aurora-ink:#102033;
  --aurora-deep:#0b1725;
  --aurora-steel:#163047;
  --aurora-cyan:#22d3ee;
  --aurora-blue:#60a5fa;
  --aurora-mint:#5eead4;
  --aurora-ice:#f5f9fc;
  --aurora-cloud:#eaf1f6;
  --aurora-line:#cfdbe5;
  --aurora-text:#152235;
  --aurora-muted:#66788a;
  --red:#0e91ad;
  --red-2:#167fa0;
  --red-3:#0b6f8b;
  --red-soft:#e6f8fb;
  --red-soft-2:#cff3f7;
  --bg:#eaf1f6;
  --panel:#ffffff;
  --panel2:#f6fafc;
  --text:#152235;
  --muted:#66788a;
  --line:#cfdae3;
  --shadow:0 16px 42px rgba(31,72,101,.11);
  --shadow-red:0 12px 30px rgba(34,211,238,.18);
}
*{scrollbar-color:#83a9bd #e7eef3}
body{
  background:
    radial-gradient(circle at 82% -10%,rgba(34,211,238,.16),transparent 30%),
    radial-gradient(circle at 10% 100%,rgba(96,165,250,.12),transparent 34%),
    linear-gradient(145deg,#edf4f8 0%,#f8fbfd 48%,#e6eef4 100%);
  color:var(--aurora-text);
}
.cursor-aurora{
  position:fixed;left:0;top:0;width:380px;height:380px;border-radius:50%;pointer-events:none;z-index:8;
  background:radial-gradient(circle,rgba(34,211,238,.18) 0%,rgba(96,165,250,.10) 34%,rgba(94,234,212,.055) 54%,transparent 72%);
  opacity:.78;will-change:transform,filter;transform:translate3d(-500px,-500px,0);
}
.shell,.layout,.content,.sidebar,.topbar{position:relative;z-index:10}
.topbar{
  overflow:hidden;
  background:linear-gradient(115deg,#10283b 0%,#16364d 42%,#135269 72%,#0c2638 100%);
  border-bottom:1px solid rgba(170,238,248,.28);
  box-shadow:0 10px 30px rgba(18,54,77,.22),inset 0 1px 0 rgba(255,255,255,.12);
}
.topbar::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 4%,rgba(94,234,212,.10) 24%,transparent 45%,rgba(96,165,250,.08) 72%,transparent 92%);
}
.brand-mark{
  background:linear-gradient(145deg,#eefcff,#c8f6fb 46%,#dbeafe);
  border:1px solid rgba(190,244,252,.8);
  box-shadow:0 8px 24px rgba(3,105,161,.18),inset 0 0 0 1px rgba(255,255,255,.75);
}
.brand-copy,.top-actions,.operator-pill,.clock-pill,.network-pill{color:#f8fdff}
.sidebar{
  background:linear-gradient(180deg,#102436 0%,#123047 52%,#0c2232 100%);
  border-right:1px solid rgba(107,195,219,.24);
  box-shadow:10px 0 30px rgba(33,77,101,.10),inset -1px 0 rgba(255,255,255,.04);
}
.sidebar .label,.sidebar .nav-btn{color:#c8dce8}
.nav-btn{border:1px solid transparent;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.nav-btn:hover:not(.active){
  background:linear-gradient(90deg,rgba(34,211,238,.10),rgba(96,165,250,.06));
  border-color:rgba(94,234,212,.16);color:#fff;box-shadow:inset 3px 0 0 rgba(34,211,238,.48);
}
.nav-btn.active{
  color:#f7feff!important;
  background:linear-gradient(105deg,rgba(11,116,144,.92),rgba(14,149,174,.84) 52%,rgba(45,186,170,.74));
  border-color:rgba(123,241,244,.36);
  box-shadow:0 9px 24px rgba(15,164,188,.22),inset 0 1px rgba(255,255,255,.14);
}
.nav-btn.active .label,.nav-btn.active .nav-icon{color:#fff!important}
.sidebar-brand-note{
  color:#bcd2de;background:linear-gradient(145deg,rgba(28,66,88,.78),rgba(12,40,58,.82));
  border-color:rgba(99,173,198,.20);box-shadow:inset 0 1px rgba(255,255,255,.05);
}
.sidebar-brand-note strong{color:#eafcff}
.creator-credit{
  color:#d9fbff!important;background:linear-gradient(145deg,rgba(24,74,94,.74),rgba(11,47,65,.78))!important;
  border:1px solid rgba(80,210,224,.24)!important;box-shadow:inset 0 1px rgba(255,255,255,.07)!important;
}
.content{background:transparent}
.content::before{opacity:.018;filter:hue-rotate(165deg) saturate(.7)}
.card,.kpi,.modal{
  background:linear-gradient(145deg,#fff 0%,#f8fbfd 100%);
  border-color:#d4e0e8;
  box-shadow:0 14px 36px rgba(32,78,104,.09),inset 0 1px 0 rgba(255,255,255,.92);
  transition:border-color .16s ease,box-shadow .16s ease;
}
.card:hover{border-color:#b8dce7;box-shadow:0 17px 38px rgba(26,102,132,.12),0 0 0 1px rgba(34,211,238,.035)}
.kpi{border-top-color:#35bad0}
.page-head h1,.grand .money{color:#123047}
.btn{transition:transform .14s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}
.btn:active{transform:translateY(1px)}
.btn-primary{
  color:#fff;
  background:linear-gradient(115deg,#0b7892 0%,#159bb4 48%,#2bb9a9 100%);
  border:1px solid #1698ad;
  box-shadow:0 9px 22px rgba(14,149,174,.25),inset 0 1px 0 rgba(255,255,255,.20);
}
.btn-primary:hover{
  background:linear-gradient(115deg,#0d8aaa,#19b1c7 46%,#31c7b4 100%);
  box-shadow:0 12px 28px rgba(20,184,205,.30),0 0 0 3px rgba(34,211,238,.08),inset 0 1px rgba(255,255,255,.22);
}
.btn-ghost{border-color:#c5d6e1;background:#fdfefe;color:#254257}
.btn-ghost:hover{border-color:#72c9da;background:#effbfc;color:#0c7188;box-shadow:0 7px 20px rgba(34,211,238,.10)}
.input,.select,textarea{border-color:#c7d7e1;background:#fff;color:#16283a}
.input:hover,.select:hover,textarea:hover{border-color:#a7c8d6}
.input:focus,.select:focus,textarea:focus{border-color:#22b7ce;box-shadow:0 0 0 4px rgba(34,211,238,.11)}
.scan-icon,.product-thumb,.system-icon{background:linear-gradient(145deg,#e8faff,#d9f5f6);color:#0d7f98;border:1px solid #bfe8ee}
.qty-control{border-color:#c6d8e2}.qty-control button,.qty-btn,.action-tile .cp-icon,.pay-shortcut .cp-icon{color:#0f8198}
.quick:hover:not(:disabled){border-color:#62c9da;box-shadow:0 9px 24px rgba(34,211,238,.12)}
.cart-header{
  background:linear-gradient(110deg,#10283b 0%,#17425a 55%,#0b2a3d 100%);
  border-bottom-color:#286078;box-shadow:inset 0 1px rgba(255,255,255,.10);
}
.total-card::before{background:linear-gradient(90deg,#158da8,#22d3ee,#5eead4,#60a5fa)}
.payment-panel{
  background:linear-gradient(145deg,#10283b 0%,#16445c 52%,#0d3147 100%);
  border-color:#245c72;box-shadow:0 18px 38px rgba(19,77,103,.22),inset 0 1px rgba(255,255,255,.10);
}
.payment-panel,.payment-panel .muted{color:#f7fdff}.payment-panel .muted{opacity:.74}
.pay-shortcut{border-color:rgba(153,230,240,.18)}
.pay-shortcut:hover:not(:disabled){background:rgba(34,211,238,.09);box-shadow:0 10px 26px rgba(16,151,174,.20);border-color:rgba(94,234,212,.34)}
.action-tile.primary{background:linear-gradient(115deg,#0d7891,#16a7bd,#2ab5a7);box-shadow:var(--shadow-red)}
.table tbody tr:hover{background:#eff9fb}
.modal-back{background:rgba(13,35,51,.48);backdrop-filter:blur(4px)}
.modal{border-color:#cbdbe5;box-shadow:0 32px 90px rgba(14,54,77,.28)}
.pay-card.active{border-color:#31bad0;background:#eafafb;color:#0d6d82;box-shadow:0 0 0 3px rgba(34,211,238,.10)}
.login-wrap{
  background:
    radial-gradient(circle at 17% 17%,rgba(34,211,238,.20),transparent 26%),
    radial-gradient(circle at 85% 80%,rgba(94,234,212,.13),transparent 30%),
    linear-gradient(135deg,#10283b 0%,#174d64 52%,#0b2c40 100%);
}
.login-wrap .login-card{box-shadow:0 28px 80px rgba(10,57,80,.34);border:1px solid #cce3ea}
.login-brand,.login-brand h1,.login-brand p{color:#f7fdff}
.login-brand .brand-mark{background:linear-gradient(145deg,#eaffff,#d8f8fb)}
.toast{
  left:50%;right:auto;bottom:auto;top:18px;transform:translate(-50%,-10px);
  max-width:min(760px,calc(100vw - 36px));white-space:pre-wrap;line-height:1.45;
  background:linear-gradient(115deg,#113248,#17556b);color:#fff;border:1px solid #2c7f91;
  box-shadow:0 16px 42px rgba(15,72,97,.27);
}
.toast.show{transform:translate(-50%,0)}.toast.error{background:#913843;border-color:#b6505d}
.access-warning,.mapping-note{border-color:#c9e0e7!important;background:#f0fafb!important;color:#254456!important}
.mapping-section{border-color:#d6e5eb!important;background:#fbfdfe!important}
.role-chip{background:rgba(34,211,238,.12)!important;border-color:rgba(147,234,244,.26)!important;color:#e8fdff!important}
.api-error-card{margin:0 0 16px;padding:16px;border:1px solid #cfdae3;border-left:4px solid #d05863;border-radius:14px;background:#fff9fa}
.api-error-card strong{display:block;color:#8e3340;margin-bottom:6px}
.api-error-card pre,.blue-diagnostic pre{white-space:pre-wrap;word-break:break-word;margin:10px 0 0;padding:13px;border-radius:10px;background:#10283b;color:#e9fcff;border:1px solid #2b6076;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;max-height:320px;overflow:auto}
.client-form-card::before{background:linear-gradient(90deg,#1594ad,#22d3ee,#5eead4,#60a5fa)}
.client-logo-drop{border-color:#a9cbd8;background:linear-gradient(145deg,#fbfeff,#edf8fa)}
.client-logo-drop:hover{border-color:#24bad0;background:#eefcfd;box-shadow:0 10px 26px rgba(34,211,238,.10)}
.client-brand-preview{background:linear-gradient(145deg,#10283b,#175067 52%,#0e3146);color:#fff;border-color:#2c6b80;box-shadow:0 24px 50px rgba(12,70,94,.22),inset 0 1px rgba(255,255,255,.10)}
.client-brand-preview::after{background:linear-gradient(115deg,transparent 5%,rgba(34,211,238,.12) 28%,transparent 48%,rgba(94,234,212,.09) 72%,transparent 92%)}
.client-preview-title small,.client-preview-foot{color:#bce7ed}
.blue-diagnostic{border-color:#c7dce4;background:#f8fcfd}.blue-diagnostic.ready{border-left-color:#19a581}.blue-diagnostic.blocked{border-left-color:#bd4b57}
.scale-export-field{border-color:#c6dbe4!important;background:#f4fbfc!important}.scale-export-field:hover{border-color:#54c7d9!important;box-shadow:0 8px 22px rgba(34,211,238,.09)}
.client-runtime-brand{border-left-color:rgba(142,236,244,.28)!important}.client-runtime-brand span{color:#d9fbff!important}
@media(max-width:800px){.cursor-aurora{display:none}.toast{top:10px;max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){.cursor-aurora{display:none}.btn,.nav-btn,.card{transition:none!important}}