:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#edf3ff;background:#070b12;--panel:#0e1623;--line:#273a55;--muted:#8fa0ba;--green:#77e0ae;--red:#ffaaa3}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% -8%,#183b70 0,#0a111d 34%,#070b12 76%)}a{color:inherit}main{max-width:1320px;margin:auto;padding:22px 18px 80px}
.top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}.brand{display:flex;gap:16px;align-items:center}.brand img{width:205px;max-width:44vw}.copy{border-left:1px solid #31435f;padding-left:16px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:#84aaff}h1{font-size:clamp(27px,4vw,44px);margin:4px 0;letter-spacing:-.035em}h2{font-size:19px;margin:0}p,.muted{color:#93a3bc}.badge,.chip{display:inline-flex;border:1px solid #324765;background:#0b1523;border-radius:999px;padding:7px 10px;font-size:11px}.badge{border-color:#644b43;background:#2a1815;color:#ffc3b6;font-weight:850}
.nav{display:flex;gap:7px;overflow-x:auto;margin:18px 0 0;padding:8px;border:1px solid #263a57;border-radius:16px;background:#09121ede;position:sticky;top:7px;z-index:20;backdrop-filter:blur(18px)}.nav a{white-space:nowrap;text-decoration:none;padding:9px 11px;border-radius:10px;color:#b9c8dc;font-size:12px;font-weight:750}.nav a.active,.nav a:hover{background:#172843;color:#fff}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:16px}.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.two>*{min-width:0}.card{margin-top:16px;border:1px solid var(--line);background:linear-gradient(180deg,#101927ed,#0c1420ed);border-radius:19px;padding:18px;box-shadow:0 20px 65px #0005}.kpi{border:1px solid #273b58;background:#09131f;border-radius:15px;padding:14px}.kpi span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8191aa}.kpi strong{display:block;font-size:24px;margin-top:5px}
button,.btn{border:0;border-radius:10px;padding:10px 13px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none}.primary{background:#edf3ff;color:#08101c}.secondary{background:#172743;color:#eaf1ff;border:1px solid #34517c}.danger{background:#2a1718;color:#ffb7b0;border:1px solid #65383b}.actions{display:flex;gap:8px;flex-wrap:wrap}button:disabled{opacity:.55;cursor:not-allowed}
form{display:grid;gap:10px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}label{font-size:11px;color:#9daec6}input,select,textarea{width:100%;margin-top:5px;background:#080f18;border:1px solid #344967;color:#f4f7ff;border-radius:10px;padding:11px;font:inherit}textarea{min-height:78px}.full{grid-column:1/-1}
.tableWrap{overflow:auto;margin-top:12px;border:1px solid #273b57;border-radius:14px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid #203047;font-size:12px}th{background:#0a1421;color:#8294af;text-transform:uppercase;font-size:10px;letter-spacing:.06em}tr:last-child td{border-bottom:0}.ok{color:var(--green)}.bad{color:var(--red)}.status{min-height:18px;margin-top:10px;font-size:12px;color:#9aabc2}.empty{padding:24px;text-align:center;color:#8292aa}.productGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.product{border:1px solid #293e5d;background:#09131f;border-radius:14px;padding:13px}.product strong{display:block}.product small{color:#8798b1}.price{font-size:20px;font-weight:900;margin-top:7px}.cartLine{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #22324a}.moduleLink{display:block;text-decoration:none;border:1px solid #2a3f5e;background:#0a1421;border-radius:15px;padding:14px}.moduleLink:hover{border-color:#4b72a9;background:#0e1c30}.moduleLink strong{display:block}.moduleLink span{display:block;color:#8798b0;font-size:11px;margin-top:5px}
@media(max-width:960px){.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.productGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){main{padding:14px 10px 70px}.brand{display:block}.brand img{width:175px}.copy{border-left:0;padding-left:0;margin-top:10px}.grid,.productGrid,.fields{grid-template-columns:1fr}.full{grid-column:auto}.nav{margin-left:-4px;margin-right:-4px}.card{padding:14px}}

.premiumHero{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:stretch}.heroPanel{border:1px solid #29415f;background:linear-gradient(135deg,#111f34,#0b1422 60%,#07101c);border-radius:24px;padding:22px;box-shadow:0 28px 90px #0007}.heroPanel h2{font-size:28px;margin:0 0 8px;letter-spacing:-.035em}.heroActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.quickAction{border:1px solid #34557f;background:#0d1c31;border-radius:16px;padding:13px;text-decoration:none;display:block}.quickAction strong{display:block}.quickAction span{display:block;color:#8fa0ba;font-size:11px;margin-top:5px}.nuvuCard{border:1px solid #315777;background:linear-gradient(180deg,#0d2235,#0a1421);border-radius:18px;padding:16px}.nuvuCard b{color:#9fd6ff}.premiumTable table tr:hover td{background:#0e1b2c}.sidePanel{position:fixed;right:0;top:0;bottom:0;width:min(520px,100%);background:#0b1320;border-left:1px solid #355073;box-shadow:-30px 0 90px #0009;transform:translateX(110%);transition:.24s ease;z-index:70;padding:20px;overflow:auto}.sidePanel.open{transform:translateX(0)}.commandDialog{width:min(720px,calc(100vw - 24px));border:1px solid #375276;background:#0b1320;color:#edf3ff;border-radius:22px;padding:16px;box-shadow:0 32px 120px #000c}.commandDialog::backdrop{background:#02060bcc;backdrop-filter:blur(8px)}.commandInput{width:100%;background:#07101b;border:1px solid #395679;color:#fff;border-radius:13px;padding:13px;font:inherit}.commandList{display:grid;gap:8px;margin-top:12px}.commandItem{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #263b58;border-radius:13px;background:#09121e;padding:12px;text-decoration:none}.commandItem span{color:#8fa0ba;font-size:11px}.bottomNav{display:none}.invoiceMode{border:1px solid #36557a;background:#0b1728;border-radius:15px;padding:12px;margin:10px 0}.invoiceMode strong{display:block}.invoiceMode small{color:#98a9bf}.statusPill{display:inline-flex;border:1px solid #36557a;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850}.documentNormal{background:#2a210e;border-color:#675127;color:#ffdca0}.documentElectronic{background:#0e2035;border-color:#385d8b;color:#acd4ff}@media(max-width:760px){.premiumHero{grid-template-columns:1fr}.nav{padding-bottom:70px}.bottomNav{position:fixed;left:8px;right:8px;bottom:8px;z-index:80;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;border:1px solid #2f4565;background:#07101be8;backdrop-filter:blur(16px);border-radius:18px;padding:7px}.bottomNav a{text-align:center;text-decoration:none;color:#c9d8ee;font-size:10px;font-weight:850;padding:8px 4px;border-radius:12px}.bottomNav a.active{background:#193457;color:#fff}.grid{grid-template-columns:1fr 1fr}.kpi strong{font-size:20px}table{min-width:640px}.top .actions{width:100%}.top .actions>*{flex:1;justify-content:center;text-align:center}}@media(max-width:460px){.grid{grid-template-columns:1fr}.heroPanel{padding:17px}.heroPanel h2{font-size:24px}}

/* Kronuvo Commerce Premium Shell v5 */
body{background:#050b14;color:#edf4ff}
.appLayout{min-height:100vh}
.sideShell{position:fixed;left:0;top:0;bottom:0;width:238px;padding:22px 14px 18px;border-right:1px solid #173454;background:linear-gradient(180deg,#071427 0,#06111f 70%,#071628 100%);z-index:60;display:flex;flex-direction:column;box-shadow:20px 0 70px #0004}
.sideBrand{display:flex;align-items:center;padding:4px 8px 20px;border-bottom:1px solid #173552;text-decoration:none}.sideBrand img{width:166px;max-width:100%}
.sideShell .nav{position:static;display:grid;gap:4px;margin:15px 0;padding:0;border:0;background:transparent;backdrop-filter:none;overflow-y:auto;overflow-x:hidden;flex:1}
.sideShell .nav a{display:flex;align-items:center;min-height:42px;padding:10px 12px;border-radius:11px;color:#aebed3;font-size:13px}.sideShell .nav a:hover,.sideShell .nav a.active{background:linear-gradient(90deg,#112d50,#0c2038);color:#fff;border:1px solid #2467b2;box-shadow:inset 3px 0 #2186ff}
.sidePlan{border:1px solid #284363;background:linear-gradient(145deg,#0c1e34,#081528);border-radius:16px;padding:13px;margin-top:8px}.sidePlan strong{display:block;font-size:13px}.sidePlan span{display:block;font-size:11px;color:#8196b5;margin-top:5px}.sidePlan a{display:inline-block;color:#69aaff;font-size:11px;margin-top:8px}
main{max-width:none;margin:0 0 0 238px;padding:14px 18px 72px;min-height:100vh}
.topBar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:45;padding:8px 0 10px;background:linear-gradient(180deg,#050b14 72%,transparent)}
.commandButton{flex:1;max-width:760px;text-align:left;background:#0a1c31;border:1px solid #2b5077;color:#aebfd5;border-radius:13px;padding:12px 15px;font-weight:650}
.topBar .statusBar{margin-left:auto;display:flex;align-items:center;gap:8px}.topBar .statusDot{width:9px;height:9px;border-radius:50%;background:#62dca6;box-shadow:0 0 14px #62dca6}.topBar .uat{font-size:10px;font-weight:850;color:#ffd092;border:1px solid #67502c;background:#241c0c;border-radius:999px;padding:6px 9px}
.moduleHero{position:relative;min-height:190px;border:1px solid #244567;border-radius:23px;overflow:hidden;margin:2px 0 15px;box-shadow:0 26px 85px #0007;background:#0b1727}.moduleHeroBg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.78) contrast(1.05)}.moduleHeroShade{position:absolute;inset:0;background:linear-gradient(90deg,#061427 0%,#071a2de8 38%,#06132299 67%,#04101baa 100%)}.moduleHeroContent{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.65fr);gap:24px;align-items:end;min-height:190px;padding:25px 28px}.moduleHero .eyebrow{color:#5aa9ff}.moduleHero h1{font-size:clamp(30px,4vw,48px);margin:4px 0 7px}.moduleHero p{max-width:720px;margin:0;font-size:15px;color:#c4d2e4}.heroValue{justify-self:end;align-self:center;max-width:330px;border-left:2px solid #1a8cff;padding-left:18px;text-shadow:0 1px 12px #000}.heroValue strong{display:block;font-size:24px;line-height:1.02}.heroValue span{display:block;margin-top:8px;color:#c7d6e8;font-size:12px}.heroKicker{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.heroKicker span{font-size:10px;border:1px solid #31577f;background:#08192bba;border-radius:999px;padding:6px 9px;color:#c9dcf6}
.card,.kpi,.moduleLink,.product{box-shadow:0 16px 45px #0003}.card{border-color:#25496c;background:linear-gradient(180deg,#0d1b2e,#091421)}.kpi{border-color:#24496e;background:linear-gradient(160deg,#0c1d33,#081522)}.kpi strong{font-size:26px}.moduleLink{border-color:#244b73;background:linear-gradient(145deg,#0a1b2e,#081421)}.moduleLink:hover{transform:translateY(-1px);border-color:#2d86df;box-shadow:0 16px 48px #0058a522}
.tableWrap{border-color:#274d72;background:#071321}.tableWrap thead th{position:sticky;top:0;background:#0a1a2c;z-index:2}.tableWrap tbody tr:hover td{background:#0d1e32}
.primary{background:linear-gradient(180deg,#2a8cff,#1266e2);color:#fff;border:1px solid #61adff;box-shadow:0 10px 28px #006ee544}.secondary{background:#0d223b;border-color:#2d5b88}.btn:hover,button:hover{filter:brightness(1.08)}
.plansPremium{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.planPremium{position:relative;border:1px solid #2a4d72;background:linear-gradient(180deg,#0b1c31,#071422);border-radius:18px;padding:17px;display:flex;flex-direction:column;min-height:510px}.planPremium.popular{border-color:#2589ff;box-shadow:0 0 0 1px #2589ff,0 20px 65px #006ee528}.planBadge{display:inline-flex;align-self:flex-start;border:1px solid #34618f;border-radius:999px;padding:5px 8px;color:#9ccaff;font-size:9px;font-weight:850}.planBadge.hot{color:#ffd27a;border-color:#7a5c21;background:#241b08}.planPremium h3{font-size:18px;margin:12px 0 0}.planValue{font-size:11px;color:#9bb0ca;margin:5px 0 9px}.planPrice{font-size:34px;font-weight:950;letter-spacing:-.04em}.planPrice small{font-size:11px;font-weight:700;color:#91a6c1}.planDesc{min-height:44px;color:#bac8da;font-size:12px}.planFeatures{display:grid;gap:7px;margin:12px 0 18px}.planFeatures span{font-size:11px;color:#c2d0e1;display:flex;gap:7px}.planFeatures span:before{content:"✓";display:inline-grid;place-items:center;min-width:17px;height:17px;border-radius:50%;background:#0d4f8a;color:#9ed1ff;font-weight:900}.planPremium .btn{margin-top:auto;text-align:center}.upgradeGuide{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.upgradeReason{border:1px solid #25486c;background:#081725;border-radius:14px;padding:13px}.upgradeReason strong{display:block}.upgradeReason span{display:block;margin-top:5px;color:#8fa5c1;font-size:11px}
@media(max-width:1180px){.plansPremium{grid-template-columns:repeat(2,1fr)}.upgradeGuide{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.sideShell{display:none}main{margin-left:0;padding:12px 11px 78px}.moduleHeroContent{grid-template-columns:1fr}.heroValue{justify-self:start}.topBar .statusBar{display:none}.bottomNav{display:grid!important}}
@media(max-width:600px){.moduleHero{min-height:220px}.moduleHeroContent{padding:18px}.plansPremium,.upgradeGuide{grid-template-columns:1fr}.moduleHero h1{font-size:31px}}


/* Kronuvo Unified Premium Design System v6 */
:root{
 --kv-bg:#050b14;--kv-surface:#081522;--kv-surface2:#0b1a2c;--kv-card:#0c1b2d;
 --kv-line:#21466b;--kv-line2:#2c5f8f;--kv-blue:#1484ff;--kv-blue2:#57adff;
 --kv-cyan:#5bd4ff;--kv-green:#38d49a;--kv-amber:#ffc34d;--kv-red:#ff6b74;
 --kv-text:#f3f8ff;--kv-muted:#8fa6c1;--kv-shadow:0 22px 70px rgba(0,0,0,.32)
}
html{background:var(--kv-bg)}
body{background:
 radial-gradient(circle at 82% 0%,rgba(16,87,164,.11),transparent 36%),
 linear-gradient(180deg,#06101b 0,#050b14 100%);color:var(--kv-text);min-width:0}
main{overflow-x:clip}
#content{min-width:0;max-width:100%;overflow-x:hidden}
#content>.grid:first-child{margin-top:0}
.card{position:relative;border:1px solid var(--kv-line);background:
 linear-gradient(180deg,rgba(12,29,48,.96),rgba(7,20,34,.97));border-radius:18px;padding:17px;box-shadow:var(--kv-shadow);overflow:hidden}
.card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(88,176,255,.45),transparent);pointer-events:none}
.card h2{font-size:18px;letter-spacing:-.02em;display:flex;align-items:center;gap:9px}
.card h2:before{content:"";width:4px;height:18px;border-radius:999px;background:linear-gradient(180deg,var(--kv-blue2),var(--kv-blue));box-shadow:0 0 18px rgba(20,132,255,.45)}
.card p.muted,.muted{color:var(--kv-muted);line-height:1.5}
.sectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}
.sectionHead .actions{margin-left:auto}
.grid{gap:12px}
.kpi{position:relative;overflow:hidden;border:1px solid #24517b;background:linear-gradient(145deg,#0b2138,#091725);border-radius:16px;padding:16px;min-height:112px;box-shadow:0 18px 48px #0003}
.kpi:after{content:"";position:absolute;right:-28px;bottom:-45px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(37,137,255,.18),transparent 68%)}
.kpi span{font-size:10px;font-weight:800;letter-spacing:.085em;color:#7f9bbd}
.kpi strong{font-size:25px;line-height:1.1;color:#f4f8ff}
.kpi .ok{color:var(--kv-green)}.kpi .bad{color:#ff9298}
.btn,button{transition:transform .14s ease,filter .14s ease,border-color .14s ease,background .14s ease;min-height:38px}
.btn:hover,button:hover{transform:translateY(-1px)}
.primary{background:linear-gradient(180deg,#2494ff,#0965e4);color:#fff;border:1px solid #62b4ff;box-shadow:0 10px 30px #006ee53b}
.secondary{background:linear-gradient(180deg,#102842,#0b1b2e);color:#eaf3ff;border:1px solid #2d5f8e}
.danger{background:linear-gradient(180deg,#361a20,#241116);color:#ffc0c4;border:1px solid #84414c}
.chip,.statusPill{background:#0a1b2e;border-color:#2a587f;color:#c9dcf2}
.ok{color:#60e0ac!important}.bad{color:#ff9098!important}
.fields{gap:11px 12px}
label{font-weight:700;color:#aebfd3;letter-spacing:.005em}
input,select,textarea{background:#071421;border:1px solid #285176;color:#f5f9ff;border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .15s ease,box-shadow .15s ease}
input:hover,select:hover,textarea:hover{border-color:#3973a7}
input:focus,select:focus,textarea:focus{outline:none;border-color:#2d91f9;box-shadow:0 0 0 3px rgba(45,145,249,.13)}
form .primary{margin-top:3px}
.tableWrap{border:1px solid #23496c;background:#071522;border-radius:14px;box-shadow:inset 0 1px rgba(255,255,255,.015)}
table{min-width:680px}
th{background:#0a2035;color:#7fa0c2;border-bottom:1px solid #2a5277;font-size:9px}
td{border-bottom:1px solid #173451;color:#dce7f5}
tbody tr{transition:background .12s ease}tbody tr:hover td{background:#0c2238}
td strong{color:#f3f8ff}
.tableWrap::-webkit-scrollbar{height:8px}.tableWrap::-webkit-scrollbar-thumb{background:#245681;border-radius:999px}
.productGrid{gap:11px}
.product{position:relative;background:linear-gradient(150deg,#091a2d,#071421);border-color:#255078;min-height:112px}
.product:hover{border-color:#2d8aeb;box-shadow:0 14px 44px rgba(0,96,190,.16)}
.moduleLink{background:linear-gradient(145deg,#091a2c,#071421);border:1px solid #27537b;transition:.15s ease}
.moduleLink:hover{background:#0d223a;border-color:#2d8cf1;transform:translateY(-2px)}
.moduleLink strong{color:#eff6ff;font-size:13px}.moduleLink span{color:#879fba;line-height:1.45}
.status{padding-top:5px}
.empty{background:#07131f;border:1px dashed #2f567a;border-radius:13px;color:#7992af}
.invoiceMode{border-color:#2a5b84;background:linear-gradient(150deg,#0a1c31,#081524)}
.sidePlan{box-shadow:0 16px 42px #0003}
.sidePlan:before{content:"◆";color:#ffd367;margin-right:6px}.sidePlan strong{display:inline}
.commandDialog{border-color:#2c608d;background:#071521}.commandInput{background:#06111c}
.commandItem{border-color:#214666;background:#081725}.commandItem:hover{border-color:#2f8cf0;background:#0c2137}.commandItemMain{min-width:0;display:grid;gap:3px}.commandItemMain strong,.commandItemMain span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commandKind{flex:0 0 auto;border:1px solid #315c83;border-radius:999px;padding:4px 7px;color:#8fcaff!important;font-size:9px!important;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.commandHint{padding:10px 4px;color:#71879f;font-size:11px}.commandDialog .eyebrow{margin-bottom:5px}.commandDialogHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.commandDialogHead strong{display:block;font-size:15px}.commandDialogClose{width:40px;height:40px;min-height:40px!important;padding:0!important;border-radius:12px!important;font-size:20px!important;flex:0 0 40px}.commandSearchHelp{margin-top:8px;color:#7890aa;font-size:10px;line-height:1.45}.commandBottomClose{display:none;width:100%;margin-top:10px}.commandOpen{overflow:hidden}
.premiumTable{min-width:0}
.two>*{min-width:0}
.actions{align-items:center}
.actions .btn,.actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.quickAction{background:linear-gradient(145deg,#091a2d,#071421);border-color:#27537b}
.nuvuCard{border-color:#2b689b;background:linear-gradient(160deg,#0a243b,#071522)}
.nuvuCard:after{content:"NUVU";position:absolute;right:14px;bottom:10px;color:#2d80c733;font-weight:950;font-size:32px;letter-spacing:.08em}
.heroValue strong{font-size:26px;letter-spacing:-.035em}
.heroValue span{font-size:12px;line-height:1.55}
.heroKicker span{background:rgba(6,20,35,.78);border-color:#2a628e}
.moduleHero{box-shadow:0 24px 80px rgba(0,0,0,.42)}
.moduleHero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#2f8fff,transparent)}
.moduleHeroBg{transform:scale(1.015)}
.planPremium{box-shadow:0 18px 52px #0003}.planPremium:hover{border-color:#348de0;transform:translateY(-2px)}
.planPremium.popular{background:linear-gradient(180deg,#0d2948,#071a2c)}
.upgradeReason{background:linear-gradient(145deg,#091a2c,#071522)}
.premiumSection{margin-top:15px}
.moduleSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 15px}
.summaryCard{position:relative;border:1px solid #265079;background:linear-gradient(145deg,#0b1f35,#071521);border-radius:15px;padding:14px;overflow:hidden;min-height:92px}
.summaryCard span{font-size:10px;color:#7f99b8;text-transform:uppercase;letter-spacing:.08em}.summaryCard strong{display:block;font-size:23px;margin-top:5px}.summaryCard small{color:#829bb8}
.moduleToolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:11px;border:1px solid #224769;background:#071522;border-radius:14px;margin-bottom:12px}
.moduleToolbar .spacer{flex:1}
.panelHint{display:flex;align-items:flex-start;gap:10px;border:1px solid #285780;background:linear-gradient(145deg,#0a2035,#071521);padding:13px;border-radius:14px;margin-top:12px}
.panelHint:before{content:"✦";display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#0d4f8e;color:#7fc3ff}.panelHint strong{display:block}.panelHint span{display:block;color:#8da4bf;font-size:11px;margin-top:3px;line-height:1.5}
@media(max-width:1080px){.moduleSummary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
 .card{padding:14px;border-radius:16px}.moduleSummary{grid-template-columns:1fr 1fr}
 .tableWrap{margin-left:-1px;margin-right:-1px}.tableWrap table{min-width:720px}
 .moduleToolbar>*{flex:1 1 180px}.moduleToolbar .spacer{display:none}
}
@media(max-width:460px){.moduleSummary{grid-template-columns:1fr}.card h2{font-size:16px}}


.navIcon{display:inline-grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border-radius:7px;background:#0b223a;color:#7bc0ff;font-size:13px;font-weight:900}
.sideShell .nav a.active .navIcon{background:#0d4f8d;color:#fff;box-shadow:0 0 16px rgba(34,139,255,.25)}
.accountChip{display:flex;align-items:center;gap:9px;border:1px solid #285276;background:linear-gradient(180deg,#0b1f34,#071522);border-radius:13px;padding:7px 10px;min-width:170px}
.accountAvatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#1b7ff0,#0d4b8d);color:#fff;font-size:11px;font-weight:900}
.accountChip strong{display:block;font-size:11px}.accountChip span{display:block;color:#7f99b7;font-size:9px;margin-top:2px}
@media(max-width:920px){.accountChip{display:none}}


.reportBars{display:grid;gap:10px;margin-top:14px}.reportBarRow{display:grid;grid-template-columns:minmax(120px,.9fr) minmax(180px,2fr) auto;gap:10px;align-items:center}.reportBarRow>span{font-size:11px;color:#9bb0c8}.reportBarTrack{height:10px;border-radius:999px;background:#06101a;border:1px solid #1e4364;overflow:hidden}.reportBarFill{height:100%;border-radius:999px;background:linear-gradient(90deg,#157bff,#55c7ff);box-shadow:0 0 18px rgba(28,145,255,.35)}.reportBarRow strong{font-size:11px}
.invoicePreview{background:#f7f9fc;color:#182131;border-radius:14px;padding:18px;border:1px solid #dce5f0;box-shadow:0 14px 42px #0003}.invoicePreviewTop{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.invoicePreviewLogo{max-width:150px;max-height:58px;object-fit:contain}.invoicePreview h3{margin:0;font-size:20px}.invoicePreview small{color:#68768b}.invoicePreviewGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.invoicePreviewBox{border:1px solid #dfe6ef;border-radius:10px;padding:10px;background:#fff}.invoicePreviewTotal{display:flex;justify-content:space-between;margin-top:15px;padding-top:12px;border-top:2px solid #d8e2ee;font-size:18px;font-weight:900}.invoicePreviewNote{font-size:10px;color:#6f7e91;margin-top:12px}
@media(max-width:650px){.reportBarRow{grid-template-columns:1fr}.invoicePreviewGrid{grid-template-columns:1fr}}


/* Kronuvo Visual Overhaul V7 */
.pageHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 12px}.pageHeader h2{margin:0}.pageHeader p{margin:4px 0 0;color:var(--kv-muted);font-size:12px}
.pageActions{display:flex;gap:8px;flex-wrap:wrap}
.dataCard{padding:0;overflow:hidden}.dataCardHead{display:flex;align-items:center;gap:10px;padding:14px 15px;border-bottom:1px solid #21466b;background:linear-gradient(180deg,#0c2035,#091827)}.dataCardHead strong{font-size:15px}.dataCardHead .spacer{flex:1}
.filterBar{display:flex;gap:8px;flex-wrap:wrap;padding:11px 14px;border-bottom:1px solid #173854;background:#071522}.filterBar input,.filterBar select{margin:0;min-height:38px}.filterBar input{flex:1 1 260px}
.contentSplit{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:13px;align-items:start}.contentSplit>*{min-width:0}
.checkoutLayout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.65fr);gap:13px;align-items:start}.checkoutLayout>*{min-width:0}
.catalogCard{padding:0}.catalogTools{padding:13px;border-bottom:1px solid #224c73;background:#081827}.catalogSearch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.catalogSearch input{margin:0;min-width:0}.catalogVisionActions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.catalogVisionActions button{flex:0 1 auto}.categoryRow{display:flex;gap:7px;overflow:auto;padding:10px 13px;border-bottom:1px solid #173d5d}.categoryChip{border:1px solid #2b5a83;background:#081a2c;color:#a7bbd2;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.categoryChip.active{background:#0d5fb0;color:#fff;border-color:#2d91f9}
.posGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:12px}.posTile{position:relative;border:1px solid #234d73;background:linear-gradient(145deg,#0b1e33,#071521);border-radius:14px;padding:12px;min-height:140px;display:flex;flex-direction:column}.posTile:hover{border-color:#2e8cf0;box-shadow:0 16px 42px rgba(0,96,190,.18)}.posVisual{height:54px;border-radius:10px;background:linear-gradient(135deg,#11345a,#0b2038);display:grid;place-items:center;font-size:24px;color:#6bbcff;margin-bottom:9px}.posTile strong{font-size:12px}.posTile small{color:#7f98b5;margin-top:3px}.posTile .price{font-size:15px;margin-top:auto;padding-top:7px}.posAdd{position:absolute;right:9px;bottom:9px;width:31px;height:31px;padding:0;border-radius:9px}
.cartPanel{position:sticky;top:70px;padding:0}.cartHead{display:flex;align-items:center;gap:9px;padding:14px;border-bottom:1px solid #22486b}.cartHead .spacer{flex:1}.cartRows{padding:0 13px}.cartItem{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid #173754}.cartItem strong{font-size:12px}.cartItem small{display:block;color:#8097b3}.cartFooter{padding:13px}.cartTotals{display:grid;gap:6px;margin:10px 0}.cartTotalLine{display:flex;justify-content:space-between;color:#9ab0c9;font-size:11px}.cartTotalLine.total{font-size:18px;color:#fff;font-weight:900;border-top:1px solid #275071;padding-top:9px;margin-top:3px}.cartFooter .primary{width:100%;font-size:14px}
.modeCards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.modeChoice{border:1px solid #2a567f;background:#081a2c;border-radius:12px;padding:10px;cursor:pointer}.modeChoice.active{border-color:#2b91ff;background:#0b2847;box-shadow:0 0 0 1px #2b91ff}.modeChoice strong{font-size:11px}.modeChoice span{display:block;color:#849cb8;font-size:9px;margin-top:3px;line-height:1.4}
.paymentRow{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.payChoice{border:1px solid #2a567f;background:#081a2c;border-radius:10px;padding:8px 10px;color:#c6d7e9;font-size:10px;font-weight:850}.payChoice.active{background:#0d5f58;border-color:#26c59a;color:#fff}
.drawerBackdrop{position:fixed;inset:0;background:#02060aaa;backdrop-filter:blur(3px);z-index:89;display:none}.drawerBackdrop.open{display:block}.editorDrawer{position:fixed;top:0;right:0;bottom:0;width:min(510px,100%);z-index:90;background:#071421;border-left:1px solid #2a5c88;box-shadow:-30px 0 90px #000a;transform:translateX(105%);transition:.22s ease;overflow:auto;padding:18px}.editorDrawer.open{transform:none}.drawerHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid #234b70;margin-bottom:13px}.drawerHead h2{margin:0;font-size:20px}.drawerHead p{margin:4px 0 0;color:#8198b5;font-size:11px}.drawerClose{width:36px;height:36px;border-radius:10px;padding:0}
.sideHelp{position:relative;border:1px solid #27567f;background:linear-gradient(155deg,#0a2035,#071522);border-radius:16px;padding:15px}.sideHelp h3{margin:0 0 8px;font-size:15px}.sideHelp ul{padding:0;margin:10px 0 0;list-style:none;display:grid;gap:8px}.sideHelp li{position:relative;padding-left:20px;color:#9fb2c8;font-size:11px;line-height:1.45}.sideHelp li:before{content:"✓";position:absolute;left:0;color:#42c2ff;font-weight:900}
.miniBars{display:grid;gap:9px;margin-top:12px}.miniBarRow{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,2fr) auto;gap:9px;align-items:center}.miniBarRow span{font-size:11px;color:#a5b6cb}.miniBarTrack{height:10px;border-radius:999px;background:#07111c;overflow:hidden;border:1px solid #21486a}.miniBarFill{height:100%;border-radius:999px;background:linear-gradient(90deg,#136ee3,#48b6ff)}
.settingsTabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.settingsTab{border:1px solid #285579;background:#081929;border-radius:12px;padding:11px;color:#abc0d7;font-weight:800}.settingsTab.active{border-color:#2b91ff;background:#0b2846;color:#fff}
.settingsGrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.7fr) minmax(300px,.8fr);gap:12px}.settingsGrid>*{min-width:0}
.invoicePreview{background:#f8fbff;color:#132238;border-radius:13px;padding:16px;min-height:310px;box-shadow:0 14px 42px #0004}.invoicePreview .invTop{display:flex;justify-content:space-between;gap:12px;border-bottom:2px solid #dbe8f5;padding-bottom:10px}.invoicePreview .invLogo{font-size:20px;font-weight:950;color:#126bd2}.invoicePreview small{color:#607086}.invoicePreview table{min-width:0;color:#1c2b3d}.invoicePreview th,.invoicePreview td{background:transparent;color:#25384e;border-color:#dce6f0;padding:7px;font-size:9px}
@media(max-width:1180px){.posGrid{grid-template-columns:repeat(3,1fr)}.settingsGrid{grid-template-columns:1fr 1fr}.settingsGrid>*:last-child{grid-column:1/-1}.contentSplit{grid-template-columns:1fr}}
@media(max-width:900px){.checkoutLayout{grid-template-columns:1fr}.cartPanel{position:static}.posGrid{grid-template-columns:repeat(2,1fr)}.settingsTabs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.posGrid{grid-template-columns:1fr 1fr;padding:8px}.posTile{min-height:132px;padding:9px}.settingsGrid{grid-template-columns:1fr}.settingsGrid>*:last-child{grid-column:auto}.settingsTabs{grid-template-columns:1fr 1fr}.modeCards{grid-template-columns:1fr}.editorDrawer{padding:14px}}


.pageSkeleton{display:grid;gap:12px}.skeletonRow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.skeletonBox{height:112px;border-radius:16px;border:1px solid #1f3d5b;background:linear-gradient(100deg,#071522 20%,#0d2741 40%,#071522 60%);background-size:220% 100%;animation:kvSk 1.15s linear infinite}.skeletonWide{height:240px}@keyframes kvSk{to{background-position:-120% 0}}@media(max-width:760px){.skeletonRow{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.skeletonBox{animation:none}}


.weekChart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:9px;height:210px;margin-top:18px;padding:10px 4px 0;border-bottom:1px solid #244766}.weekCol{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:8px}.weekBarWrap{height:160px;width:100%;display:flex;align-items:flex-end;justify-content:center}.weekBar{width:min(42px,70%);min-height:4px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#54c2ff,#167bf5);box-shadow:0 0 22px rgba(31,135,255,.28);transition:height .25s ease}.weekCol strong{font-size:10px;color:#d9e7f7}.weekCol span{font-size:9px;color:#7890ac}.activityList{display:grid;gap:8px;margin-top:12px}.activityItem{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid #204566;background:#071724;border-radius:11px}.activityIcon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#0c3157;color:#79bdff}.activityItem strong{display:block;font-size:11px}.activityItem span{display:block;color:#7f97b3;font-size:9px;margin-top:2px}.activityItem time{font-size:9px;color:#7288a2}


.breadcrumbs{display:flex;align-items:center;gap:7px;font-size:10px;color:#7892ae;margin-bottom:7px}.breadcrumbs a{display:inline-flex;align-items:center;min-height:32px;color:#8fbbe9;text-decoration:none}.breadcrumbs strong{color:#c9d8e8;font-weight:800}.breadcrumbs span{color:#49647f}
.sidePlanTitle{display:flex;align-items:center;gap:6px}.sidePlanMeta{margin-top:7px!important;line-height:1.5}.sidePlanUsage{height:5px;border-radius:999px;background:#07111c;margin-top:9px;overflow:hidden}.sidePlanUsage>i{display:block;height:100%;width:38%;background:linear-gradient(90deg,#1484ff,#56baff);border-radius:999px}
.bottomNav a.active{background:#143c65!important;color:#fff!important;box-shadow:inset 0 0 0 1px #2e6b9f}


.actionDialog{width:min(560px,calc(100vw - 24px));border:1px solid #2d628f;background:#071522;color:#eef5ff;border-radius:20px;padding:0;box-shadow:0 35px 120px #000d;overflow:hidden}.actionDialog::backdrop{background:#02060acc;backdrop-filter:blur(7px)}.actionDialogHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid #234b6d;background:linear-gradient(180deg,#0d2238,#091827)}.actionDialogHead h3{margin:0;font-size:19px}.actionDialogHead p{margin:5px 0 0;color:#839cb8;font-size:11px;line-height:1.45}.actionDialogClose{width:34px;height:34px;border-radius:9px;padding:0;flex:0 0 34px}.actionDialog form{padding:17px 18px}.dialogSection{grid-column:1/-1;padding:10px 0 3px;margin-top:4px;border-top:1px solid #244a6c}.dialogSection:first-child{border-top:0;margin-top:0;padding-top:0}.dialogSection strong{display:block;font-size:12px;color:#e9f4ff}.dialogSection span{display:block;margin-top:3px;font-size:10px;line-height:1.45;color:#829bb8}.dialogHint{display:block;margin-top:5px;color:#7690ad;font-size:9px;line-height:1.4}.fieldSuggestions{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.fieldSuggestion{min-height:28px!important;padding:5px 8px!important;border:1px solid #2d5d88!important;border-radius:999px!important;background:#0a2035!important;color:#9ed0ff!important;font-size:9px!important;font-weight:800!important;box-shadow:none!important}.fieldSuggestion:hover{background:#0d3154!important}.dialogCheck{grid-column:1/-1;display:flex!important;align-items:center;gap:9px;padding:9px 10px;border:1px solid #254a6b;border-radius:11px;background:#081827;color:#c9d8e8}.dialogCheck input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0;flex:0 0 18px;accent-color:#168cff}.dialogCheck .dialogHint{margin:0 0 0 auto;max-width:52%;text-align:right}.commerceCameraButton{--ai-photo-progress:0%;position:relative;isolation:isolate;overflow:hidden;display:inline-flex!important;align-items:center;justify-content:flex-start;gap:10px;min-height:48px!important;padding:7px 14px 7px 8px!important;border:1px solid rgba(88,207,212,.48)!important;border-radius:14px!important;background:linear-gradient(180deg,#0c1d28,#08131d)!important;color:#eefbff!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 24px rgba(32,182,196,.12)!important;font-weight:850!important;letter-spacing:-.01em;transition:border-color .16s ease,box-shadow .16s ease,transform .12s ease!important}.commerceCameraButton:before{content:"";width:34px;height:34px;flex:0 0 34px;border-radius:10px;border:1px solid rgba(99,223,232,.36);background-color:#0b2730;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fe9ee' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l1.5-2h7L17 8h3v10H4z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:19px 19px;box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 18px rgba(74,211,221,.08)}.commerceCameraButton:hover{border-color:rgba(102,226,235,.72)!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 10px 28px rgba(44,199,211,.18)!important}.commerceCameraButton:active{transform:scale(.985)!important}.commerceCameraButton:disabled{opacity:.68;cursor:wait}.commerceCameraButton.aiPhotoProgress{background:linear-gradient(90deg,rgba(40,196,209,.22),rgba(76,219,229,.12)) left/var(--ai-photo-progress) 100% no-repeat,linear-gradient(180deg,#0c1d28,#08131d)!important;border-color:rgba(88,207,212,.58)!important;color:#eefbff!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 28px rgba(32,182,196,.16)!important;transition:background-size .18s linear!important}.commerceCameraButton.aiPhotoProgress:hover{filter:none!important;transform:none!important}.commerceCameraButton.aiPhotoProgress:after{content:"";position:absolute;left:0;bottom:0;height:4px;width:var(--ai-photo-progress);border-radius:0 999px 999px 0;background:linear-gradient(90deg,#49d9e4,#90f3f8);box-shadow:0 0 14px rgba(91,229,237,.75);transition:width .18s linear;z-index:3;pointer-events:none}.catalogImagePreview{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.catalogImagePreview figure{margin:0;padding:10px;border:1px solid #234d70;border-radius:15px;background:#071522;overflow:hidden}.catalogImagePreview img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:10px;background:#eef3f7}.catalogImagePreview figcaption{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:#8fa8c2;font-size:10px}.inventoryProductCell{display:flex;align-items:center;gap:10px;min-width:190px}.inventoryProductThumb{width:44px;height:44px;flex:0 0 44px;border:1px solid #285474;border-radius:11px;object-fit:contain;background:#f4f7fa;box-shadow:0 4px 14px #0004}.inventoryProductInfo{min-width:0}@media(max-width:600px){.catalogImagePreview{grid-template-columns:1fr}.inventoryProductThumb{width:40px;height:40px;flex-basis:40px}}@media(max-width:700px){.commerceCameraButton{min-height:50px!important;border-radius:15px!important;padding-right:13px!important}.commerceCameraButton:before{width:36px;height:36px;flex-basis:36px}}.inventoryPanelToggle{display:none}.inventoryQuickMobile{display:none}body.commerceMobileDevice .inventoryQuickMobile{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:-2px 0 11px;padding:2px 0 3px}body.commerceMobileDevice .inventoryQuickMobile::-webkit-scrollbar{display:none}body.commerceMobileDevice .inventoryQuickMobile button{flex:0 0 auto;min-height:40px!important;padding:9px 12px!important;border-radius:12px!important;font-size:10px!important}.inventoryPanelBody{min-width:0}@media(max-width:700px){.inventoryQuickMobile{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:-2px 0 11px;padding:2px 0 3px}.inventoryQuickMobile::-webkit-scrollbar{display:none}.inventoryQuickMobile button{flex:0 0 auto;min-height:40px!important;padding:9px 12px!important;border-radius:12px!important;font-size:10px!important}.inventoryPanelToggle{display:inline-grid!important;place-items:center;min-width:40px!important;width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:12px!important;font-size:17px!important}.inventoryPanel.mobileCollapsed .inventoryPanelBody{display:none}.inventoryPanel.mobileCollapsed{padding-bottom:10px!important}.inventoryPanel .pageHeader,.inventoryPanel .dataCardHead{position:relative}.inventoryPanelToggle{margin-left:auto}.inventoryPanel.mobileCollapsed .inventoryPanelToggle{transform:rotate(-90deg)}.inventoryPanel{transition:border-color .18s ease,background .18s ease}.inventoryPanel .retailToolbar{display:grid!important;grid-template-columns:1fr 1fr!important}.inventoryPanel .retailToolbar label{grid-column:1/-1}.inventoryPanel .retailToolbar button{min-width:0!important;width:100%!important}.inventoryPanel .insightGrid{grid-template-columns:1fr!important}.inventoryPanel .insightCard{padding:10px!important}.inventoryPanel[data-inventory-panel="lots"] .dataGridToolbar{padding:0 10px}.inventoryPanel[data-inventory-panel="lots"] .tableWrap{padding:0 10px 10px}.inventoryAiMobileHint{display:block;margin:-4px 0 10px;color:#7895b3;font-size:10px;line-height:1.45}}.actionDialog .dialogActions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.actionDialog .dialogActions button{min-width:110px}.appToastHost{position:fixed;right:18px;bottom:18px;z-index:140;display:grid;gap:8px;max-width:min(380px,calc(100vw - 28px))}.appToast{padding:12px 14px;border:1px solid #2c5c87;border-radius:13px;background:#081827ee;box-shadow:0 18px 55px #0009;color:#eaf4ff;font-size:12px;animation:appToastIn .18s ease}.appToast.ok{border-color:#287355}.appToast.bad{border-color:#84424b}.appToast.warn{border-color:#7f6427}@keyframes appToastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:600px){.actionDialog form{padding:14px}.actionDialogHead{padding:14px}.actionDialog .fields{grid-template-columns:1fr}.appToastHost{left:10px;right:10px;bottom:82px;max-width:none}}


.settingsPane{display:none}.settingsPane.active{display:block}.settingsStatusGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settingsStatusCard{border:1px solid #27547c;background:linear-gradient(145deg,#0a1f34,#071522);border-radius:15px;padding:15px}.settingsStatusCard h3{margin:0 0 8px;font-size:15px}.settingsStatusLine{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #173a58;font-size:11px}.settingsStatusLine:last-child{border-bottom:0}.settingsStatusLine span{color:#8ea5c0}.settingsStatusLine strong{font-size:11px}.settingsTab{cursor:pointer}.settingsTab .tabSub{display:block;font-size:9px;color:#7892ad;margin-top:3px;font-weight:600}.settingsTab.active .tabSub{color:#a9cdf3}@media(max-width:800px){.settingsStatusGrid{grid-template-columns:1fr}}


/* Kronuvo Branded Hero Art V8 — no stock photography */
.moduleHero{background:
 radial-gradient(circle at 78% 20%,rgba(34,137,255,.22),transparent 28%),
 linear-gradient(135deg,#07172a 0%,#08213b 48%,#061220 100%);
 min-height:210px}
.moduleHeroShade{background:
 linear-gradient(90deg,rgba(5,16,29,.98) 0%,rgba(6,22,39,.94) 43%,rgba(5,17,31,.58) 67%,rgba(5,14,25,.10) 100%)}
.moduleHeroContent{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center}
.moduleHeroBg{display:none!important}
.heroArt{position:relative;min-height:170px;height:100%;display:grid;place-items:center;isolation:isolate}
.heroArt:before{content:"";position:absolute;inset:7% 1% 4% 8%;background:
 linear-gradient(135deg,rgba(20,132,255,.20),transparent 42%),
 linear-gradient(315deg,rgba(54,199,255,.12),transparent 46%);
 border:1px solid rgba(78,160,235,.20);border-radius:22px;transform:skewX(-8deg);z-index:-2}
.heroArt:after{content:"";position:absolute;width:72%;height:18px;bottom:12px;border-radius:50%;background:radial-gradient(ellipse,rgba(20,132,255,.35),rgba(0,0,0,0) 68%);filter:blur(7px);z-index:-1}
.kv-stage{position:relative;width:92%;height:168px}
.kv-platform{position:absolute;left:9%;right:5%;bottom:12px;height:25px;border-radius:12px;background:linear-gradient(180deg,#123457,#081a2d);border:1px solid #285f91;box-shadow:0 18px 45px #0008}
.kv-logo-chip{position:absolute;display:grid;place-items:center;background:linear-gradient(145deg,#0b2139,#061422);border:1px solid #2b5d88;box-shadow:0 14px 40px #0007}
.kv-logo-chip img{width:56%;height:56%;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(0,0,0,.25))}
.kv-screen{position:absolute;left:30%;bottom:35px;width:35%;height:100px;border-radius:14px 14px 8px 8px;background:linear-gradient(155deg,#0d2744,#061522);border:1px solid #3a78ad;box-shadow:0 20px 48px #0009;transform:perspective(500px) rotateY(-7deg)}
.kv-screen:before{content:"";position:absolute;inset:8px;border-radius:9px;background:
 radial-gradient(circle at 65% 20%,rgba(67,172,255,.23),transparent 30%),
 linear-gradient(145deg,#081b30,#06111e)}
.kv-screen img{position:absolute;width:62px;height:62px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.kv-pos{position:absolute;right:14%;bottom:36px;width:66px;height:86px;border-radius:12px;background:linear-gradient(160deg,#112f4d,#071523);border:1px solid #346e9e;transform:rotate(5deg);box-shadow:0 18px 40px #0008}
.kv-pos:before{content:"";position:absolute;inset:9px 8px 40px;border-radius:5px;background:linear-gradient(180deg,#1678da,#0d3766)}
.kv-pos:after{content:"";position:absolute;left:13px;right:13px;bottom:11px;height:19px;background:repeating-linear-gradient(90deg,#244d6e 0 5px,#10263d 5px 9px);border-radius:4px}
.kv-box{position:absolute;bottom:35px;width:76px;height:68px;border-radius:6px;background:linear-gradient(145deg,#0c3b70,#08213d);border:1px solid #2879bd;box-shadow:0 15px 38px #0008}
.kv-box:before{content:"";position:absolute;left:8px;right:8px;top:9px;height:5px;background:rgba(99,190,255,.55);border-radius:999px}
.kv-box.logo img{position:absolute;width:32px;height:32px;left:50%;top:50%;transform:translate(-50%,-35%)}
.kv-scanner{position:absolute;right:24%;bottom:38px;width:46px;height:92px;background:linear-gradient(160deg,#123b5f,#071727);border:1px solid #3479aa;border-radius:15px 15px 10px 10px;transform:rotate(15deg);box-shadow:0 17px 42px #0009}
.kv-scanner:after{content:"";position:absolute;left:10px;right:10px;top:14px;height:18px;border-radius:4px;background:#1587e7}
.kv-chart{position:absolute;left:30%;right:22%;bottom:35px;height:96px;border-radius:13px;background:linear-gradient(145deg,#0a1e34,#06131f);border:1px solid #336b98;box-shadow:0 18px 42px #0008;overflow:hidden}
.kv-chart:before{content:"";position:absolute;inset:16px;background:
 linear-gradient(to top,rgba(39,143,255,.22),transparent 70%),
 repeating-linear-gradient(0deg,transparent 0 18px,rgba(67,121,166,.18) 18px 19px),
 repeating-linear-gradient(90deg,transparent 0 42px,rgba(67,121,166,.12) 42px 43px)}
.kv-chart-bars{position:absolute;left:22px;right:22px;bottom:18px;height:58px;display:flex;align-items:flex-end;gap:8px}
.kv-chart-bars i{flex:1;background:linear-gradient(180deg,#3fb8ff,#176de0);border-radius:4px 4px 1px 1px;box-shadow:0 0 18px rgba(38,139,255,.25)}
.kv-users{position:absolute;left:27%;right:22%;bottom:38px;height:100px;display:flex;justify-content:center;align-items:flex-end;gap:18px}
.kv-user{position:relative;width:74px;height:74px;border-radius:22px;background:linear-gradient(145deg,#10375d,#0a1f35);border:1px solid #3478a9;box-shadow:0 17px 35px #0007}
.kv-user:before{content:"";position:absolute;width:26px;height:26px;border-radius:50%;left:50%;top:13px;transform:translateX(-50%);background:linear-gradient(145deg,#39adff,#1664c6)}
.kv-user:after{content:"";position:absolute;width:45px;height:20px;border-radius:18px 18px 8px 8px;left:50%;bottom:10px;transform:translateX(-50%);background:linear-gradient(145deg,#2b8de5,#124d96)}
.kv-gear{position:absolute;left:37%;bottom:44px;width:86px;height:86px;border:12px dotted #2d8fe8;border-radius:50%;box-shadow:0 0 30px rgba(35,140,255,.25)}
.kv-gear:after{content:"";position:absolute;inset:19px;border-radius:50%;background:#0c2b49;border:1px solid #4aa8ef}
.kv-store{position:absolute;left:29%;bottom:35px;width:46%;height:100px;border-radius:12px;background:linear-gradient(145deg,#0d2e4e,#071624);border:1px solid #3375aa;box-shadow:0 18px 42px #0008}
.kv-store:before{content:"";position:absolute;left:-7px;right:-7px;top:-16px;height:28px;border-radius:7px 7px 11px 11px;background:repeating-linear-gradient(90deg,#1779db 0 26px,#0e4179 26px 52px);border:1px solid #3a8ccc}
.kv-store img{position:absolute;width:42px;height:42px;left:50%;top:48%;transform:translate(-50%,-50%)}
.heroMeta{position:absolute;right:4%;top:12%;display:grid;gap:8px}
.heroMeta span{display:block;padding:6px 9px;border-left:2px solid #268fff;color:#b9d3ee;font-size:9px;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,rgba(11,38,64,.72),transparent)}
@media(max-width:920px){.moduleHeroContent{grid-template-columns:1fr}.heroArt{min-height:150px}.kv-stage{height:150px}.heroMeta{display:none}}
@media(max-width:520px){.heroArt{min-height:132px}.kv-stage{transform:scale(.90)}.moduleHeroContent{padding:17px}}


.onboardingProgress{height:10px;border:1px solid #285374;background:#06111c;border-radius:999px;overflow:hidden;margin-top:10px}.onboardingProgress>i{display:block;height:100%;background:linear-gradient(90deg,#147ff8,#45c5ff);border-radius:999px}.stepList{display:grid;gap:9px;margin-top:14px}.stepItem{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #244d73;background:linear-gradient(145deg,#091b2e,#071522);border-radius:14px;padding:12px}.stepNumber{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#0b3157;color:#8ecaff;font-weight:950}.stepItem.done .stepNumber{background:#0c4937;color:#7ce0b0}.stepItem strong{display:block;font-size:12px}.stepItem span{display:block;color:#829ab6;font-size:10px;margin-top:4px;line-height:1.4}.stepItem .btn{white-space:nowrap}.blockerGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.blockerCard{border:1px solid #70434b;background:linear-gradient(145deg,#24151a,#11131c);border-radius:14px;padding:13px}.blockerCard strong{display:block;color:#ffb8bd}.blockerCard span{display:block;color:#9e8990;font-size:10px;margin-top:5px;line-height:1.45}.readyCheckGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.readyCheck{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #244b70;background:#071724;border-radius:12px;padding:11px}.readyCheck span{font-size:11px;color:#a5b7ca}.readyCheck strong{font-size:10px}.readyCheck.ok{border-color:#246147}.readyCheck.bad{border-color:#6f3d45}@media(max-width:700px){.stepItem{grid-template-columns:38px 1fr}.stepItem .btn{grid-column:1/-1;width:100%}.blockerGrid,.readyCheckGrid{grid-template-columns:1fr}}


.alertButton{position:relative;width:38px;height:38px;border-radius:11px;padding:0;background:#0b1d31;border:1px solid #2a557c;color:#d8e9fb;font-size:16px}.alertCount{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e94c5b;color:#fff;font-size:9px;display:grid;place-items:center;font-weight:900;border:2px solid #06101b}.alertCount.zero{background:#26785b}.alertPanel{position:absolute;right:0;top:52px;width:min(360px,calc(100vw - 22px));border:1px solid #2c5b85;background:#071522f7;backdrop-filter:blur(18px);border-radius:16px;padding:12px;box-shadow:0 26px 85px #000c;z-index:75;display:none}.alertPanel.open{display:block}.alertPanelHead{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:3px 4px 10px}.alertPanelHead strong{font-size:13px}.alertRows{display:grid;gap:7px}.alertRow{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;padding:10px;border:1px solid #214766;background:#081826;border-radius:11px}.alertRow:hover{border-color:#2b86d7}.alertRow strong{font-size:11px}.alertRow span{display:block;color:#8099b5;font-size:9px;margin-top:2px}.alertBadge{font-size:9px;font-weight:900;color:#ffb0b7}.topBar{position:sticky}.topBar .statusBar{position:relative}
@media(max-width:920px){.alertButton{display:none}.alertPanel{display:none!important}}


.bottomNav button{border:0;background:transparent;color:#c9d8ee;font-size:10px;font-weight:850;padding:8px 4px;border-radius:12px;min-height:auto}.bottomNav button.active{background:#143c65;color:#fff;box-shadow:inset 0 0 0 1px #2e6b9f}.bottomNav a,.bottomNav button{align-items:center;justify-content:center;gap:2px}.bottomNav a{display:flex!important;flex-direction:column}.bottomNav button{display:flex!important;flex-direction:column}.bottomNavIcon{display:block;font-size:15px;line-height:15px;color:#78bfff;font-weight:900}.bottomNav a.active .bottomNavIcon,.bottomNav button.active .bottomNavIcon{color:#fff}
.mobileMoreSheet{display:none;position:fixed;left:8px;right:8px;bottom:76px;z-index:79;border:1px solid #2e5c86;background:#071522f6;backdrop-filter:blur(18px);border-radius:18px;padding:12px;box-shadow:0 26px 90px #000c}.mobileMoreSheet.open{display:block}.mobileMoreHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.mobileMoreHead strong{font-size:13px}.mobileMoreGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mobileMoreGrid a{text-decoration:none;border:1px solid #244c70;background:#081826;border-radius:11px;padding:10px;color:#d5e5f7;font-size:11px;font-weight:750}.mobileMoreGrid a.active{border-color:#2e91ef;background:#0c2845;color:#fff}.mobileMoreGrid a span{display:block;color:#7893af;font-size:9px;font-weight:600;margin-top:3px}@media(min-width:921px){.mobileMoreSheet{display:none!important}}


/* Classic no-image visual rollback */
body{margin:0;min-height:100vh;width:100%;overflow-x:hidden;background:radial-gradient(circle at 10% -8%,#183b70 0,#0a111d 34%,#070b12 76%)!important;color:#edf3ff}
.sideShell,.topBar{display:none!important}
main{max-width:none!important;margin:0 0 0 260px!important;padding:22px 24px 80px!important;overflow-x:clip!important}
.moduleHero{display:block!important;min-height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0 0 12px!important}
.classicTop{position:fixed;left:0;top:0;width:260px;height:190px;z-index:61;display:block;padding:20px 16px 12px;background:linear-gradient(180deg,#071427,#06111f);border-right:1px solid #173454}
.classicBrand{display:block}
.classicBrand img{width:172px;max-width:100%}
.classicCopy{border:0;padding:0;margin-top:12px}
.classicCopy h1,.classicCopy p{display:none}
.classicCopy .eyebrow{font-size:10px;color:#6f8eae}
.nav{position:fixed!important;left:0!important;top:190px!important;bottom:0!important;width:260px!important;z-index:60!important;display:grid!important;align-content:start!important;gap:4px!important;overflow-y:auto!important;overflow-x:hidden!important;margin:0!important;padding:10px 14px 18px!important;border:0!important;border-right:1px solid #173454!important;border-radius:0!important;background:linear-gradient(180deg,#06111f,#071628)!important;backdrop-filter:none!important}
.nav a{display:flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important;text-decoration:none!important;padding:10px 11px!important;border-radius:10px!important;color:#aebed3!important;font-size:12px!important;font-weight:750!important;border:1px solid transparent!important;box-shadow:none!important;background:transparent!important;min-height:42px!important}
.nav a.active,.nav a:hover{background:linear-gradient(90deg,#112d50,#0c2038)!important;color:#fff!important;border-color:#2467b2!important;box-shadow:inset 3px 0 #2186ff!important}
.navIcon{display:inline-grid!important;place-items:center;width:23px;height:23px;flex:0 0 23px;border-radius:7px;background:#0b223a;color:#7bc0ff;font-size:13px;font-weight:900}
.card{margin-top:16px!important;border:1px solid #273a55!important;background:linear-gradient(180deg,#101927ed,#0c1420ed)!important;border-radius:19px!important;padding:18px!important;box-shadow:0 20px 65px #0005!important}
.card:before,.card:after{display:none!important}
.card h2:before{display:none!important}
.kpi,.summaryCard{border:1px solid #273b58!important;background:#09131f!important;border-radius:15px!important;box-shadow:none!important}
.kpi:after,.summaryCard:after{display:none!important}
.primary{background:#edf3ff!important;color:#08101c!important;border:0!important;box-shadow:none!important}
.secondary{background:#172743!important;color:#eaf1ff!important;border:1px solid #34517c!important;box-shadow:none!important}
.moduleLink,.product,.quickAction,.upgradeReason{background:#0a1421!important;border-color:#2a3f5e!important;box-shadow:none!important}
.moduleLink:hover,.product:hover,.quickAction:hover{background:#0e1c30!important;border-color:#4b72a9!important;transform:none!important}
.dataCard,.catalogCard,.cartPanel,.sideHelp,.invoiceMode,.settingsTab,.invoicePreview{box-shadow:none!important}
.moduleSummary{margin-top:16px}
.classicActions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:10px}.classicActions a{display:none!important}.classicActions button{width:100%;text-align:left}.classicActions .badge{width:max-content;padding:5px 8px;font-size:9px}
.classicActions .badge{align-self:center}.moduleHeroShade,.heroArt{display:none!important}.moduleHeroContent{display:block!important;min-height:auto!important;padding:12px 0 14px!important}.moduleHero h1{font-size:34px!important;margin:2px 0 5px!important}.moduleHero p{font-size:13px!important;max-width:760px}.heroKicker{margin-top:9px!important}.moduleSummary{margin-top:0!important}
@media(max-width:920px){main{margin:0!important;padding:0 10px 84px!important;max-width:100vw!important;width:100%!important;overflow-x:hidden!important}.classicTop{position:sticky!important;top:0;width:auto;height:62px;z-index:70;display:flex!important;align-items:center;justify-content:space-between;padding:8px 10px;background:#06111ff5;border-right:0;border-bottom:1px solid #173454;backdrop-filter:blur(16px)}.classicBrand{display:flex;align-items:center}.classicBrand img{width:132px}.classicCopy{display:none}.classicActions{display:flex;margin:0}.classicActions .badge,.classicActions a{display:none!important}.classicActions button{width:auto;min-height:40px;padding:8px 11px;font-size:11px}.nav{display:none!important}.bottomNav{display:grid!important}.moduleHero{margin-top:10px!important}.moduleHeroContent{padding:8px 0 10px!important}.moduleHero h1{font-size:26px!important;line-height:1.08!important;max-width:100%;overflow-wrap:break-word}.moduleHero p{line-height:1.45}.heroKicker{display:none!important}}


/* Kronuvo Commerce UX V22 — modern, no photography */
:root{--touch:44px;--radius-lg:18px;--radius-md:13px}
button,.btn,input,select{min-height:var(--touch)}
.helpStrip{display:flex;align-items:flex-start;gap:11px;margin:14px 0;padding:13px 14px;border:1px solid #2a4565;border-radius:14px;background:linear-gradient(180deg,#0d1827,#09121e)}
.helpStrip b{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:#16365f;color:#9bc7ff}
.skipLink{position:fixed;left:12px;top:8px;z-index:100000;transform:translateY(-160%);padding:9px 12px;border-radius:9px;background:#fff;color:#071522;font-weight:900;text-decoration:none}.skipLink:focus{transform:none}.moduleHelpLink{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:12px;padding:7px 10px;border:1px solid #2b6595;border-radius:999px;background:#0a2440;color:#a8d8ff;text-decoration:none;font-size:10px;font-weight:850}.moduleHelpLink:hover{background:#10365d;color:#fff}.helpShell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;align-items:start}.helpSidebar{position:sticky;top:78px;border:1px solid #274d70;background:linear-gradient(180deg,#091a2c,#071421);border-radius:18px;padding:13px}.helpSidebar h3{margin:0 0 9px;font-size:14px}.helpSearch{width:100%;min-height:44px;margin:0 0 10px}.helpModuleList{display:grid;gap:5px;max-height:62vh;overflow:auto;scrollbar-width:thin}.helpModuleBtn{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:8px 9px;border:1px solid transparent;background:transparent;color:#9eb3c9;border-radius:10px;text-align:left;font-size:10px;font-weight:800}.helpModuleBtn:hover,.helpModuleBtn.active{background:#0d2a48;border-color:#2d6a9c;color:#fff}.helpModuleIcon{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:8px;background:#0b223a;color:#7bc5ff;font-size:12px}.helpMain{min-width:0}.helpIntro{border:1px solid #2a628e;background:radial-gradient(circle at 88% 0%,#1b79b927,transparent 34%),linear-gradient(155deg,#0b2238,#071522);border-radius:20px;padding:18px}.helpIntro h2{margin:4px 0 7px;font-size:24px}.helpIntro p{margin:0;color:#99aec4;font-size:11px;line-height:1.55}.helpQuick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px}.helpQuick a{display:block;text-decoration:none;border:1px solid #285577;background:#081928;border-radius:12px;padding:11px;color:#d8e8f8}.helpQuick strong{display:block;font-size:11px}.helpQuick span{display:block;margin-top:4px;color:#7f98b2;font-size:9px;line-height:1.35}.helpSection{margin-top:13px}.helpSectionHead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:9px}.helpSectionHead h2{margin:0;font-size:18px}.helpSectionHead p{margin:4px 0 0;color:#8097b0;font-size:10px;line-height:1.45}.helpTopicGrid{display:grid;gap:9px}.helpTopic{border:1px solid #244d70;background:#071724;border-radius:14px;overflow:hidden}.helpTopic[open]{border-color:#367eb6;background:#091c2d}.helpTopic summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 13px;cursor:pointer;list-style:none}.helpTopic summary::-webkit-details-marker{display:none}.helpTopic summary:after{content:"›";font-size:22px;color:#7fc5ff;transform:rotate(90deg);transition:transform .15s ease}.helpTopic[open] summary:after{transform:rotate(-90deg)}.helpTopicTitle{display:grid;gap:4px}.helpTopicTitle strong{font-size:12px}.helpTopicTitle span{color:#7f97b0;font-size:9px}.helpTopicBody{border-top:1px solid #183a57;padding:13px}.helpTopicBody p{margin:0 0 9px;color:#b2c4d6;font-size:10.5px;line-height:1.6}.helpTopicBody h4{margin:12px 0 5px;font-size:10px;color:#dceafb;text-transform:uppercase;letter-spacing:.05em}.helpSteps{counter-reset:step;display:grid;gap:7px;margin:0;padding:0;list-style:none}.helpSteps li{position:relative;padding:8px 10px 8px 34px;border:1px solid #1c405e;border-radius:10px;background:#06131f;color:#9fb5ca;font-size:10px;line-height:1.45}.helpSteps li:before{counter-increment:step;content:counter(step);position:absolute;left:9px;top:8px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#124574;color:#b9e0ff;font-size:8px;font-weight:900}.helpEffect{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;margin-top:9px;padding:9px 10px;border:1px solid #2b5c82;border-radius:10px;background:#082039}.helpEffect b{color:#67c1ff}.helpEffect span{color:#a8bdd2;font-size:10px;line-height:1.45}.helpWarning{margin-top:8px;padding:9px 10px;border:1px solid #73582b;border-radius:10px;background:#241b0b;color:#e7ca85;font-size:10px;line-height:1.45}.helpGlossary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.helpTerm{border:1px solid #244c6d;border-radius:12px;background:#071724;padding:11px}.helpTerm strong{display:block;font-size:11px}.helpTerm span{display:block;margin-top:5px;color:#899fb7;font-size:9.5px;line-height:1.45}.helpNoResults{padding:28px;text-align:center;border:1px dashed #315777;border-radius:14px;color:#829ab4}.helpCount{color:#79bfff;font-size:9px;font-weight:900}.helpRoleBar{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.helpRoleBtn{border-radius:999px!important;min-height:34px!important;padding:6px 10px!important;font-size:9px!important}.helpRoleBtn.active{background:#0d5b9f!important;border-color:#3aa3ff!important;color:#fff!important}
.exceptionSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.exceptionCard{border:1px solid #254b6b;background:#071724;border-radius:14px;padding:12px}.exceptionCard.high{border-color:#7d414b;background:#251219}.exceptionCard.medium{border-color:#765f2d;background:#241c0d}.exceptionCard.low{border-color:#2c6653;background:#0a2018}.exceptionCard span{display:block;color:#7f96b0;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.exceptionCard strong{display:block;margin-top:5px;font-size:22px}.exceptionToolbar{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.exceptionFilter.active{background:#0d5f9f;border-color:#45a8f5;color:#fff}.exceptionList{display:grid;gap:9px}.exceptionItem{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border:1px solid #234967;border-radius:14px;background:#071522}.exceptionItem.high{border-color:#733d48}.exceptionItem.medium{border-color:#6f592d}.exceptionFlag{min-width:68px;text-align:center;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:900;text-transform:uppercase;background:#153653;color:#9ed3ff}.exceptionItem.high .exceptionFlag{background:#3d1720;color:#ffadb4}.exceptionItem.medium .exceptionFlag{background:#3b3018;color:#f1cd7a}.exceptionCopy{min-width:0}.exceptionCopy strong{display:block;font-size:12px}.exceptionCopy span{display:block;margin-top:4px;color:#8199b3;font-size:10px;line-height:1.45}.exceptionItem .btn{white-space:nowrap}.progressSlim{height:8px;border-radius:999px;background:#06111c;border:1px solid #204462;overflow:hidden}.progressSlim i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1288ff,#58c6ff)}.onboardingSteps{display:grid;gap:7px;margin-top:10px}.onboardingStep{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid #21445f;border-radius:11px;background:#071522}.onboardingStep.done{opacity:.64}.onboardingStep b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#153755;color:#9ed4ff}.onboardingStep.done b{background:#0d392a;color:#7fe2b1}.obsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.obsCard{border:1px solid #274d6f;background:#071725;border-radius:14px;padding:12px}.obsCard span{display:block;color:#7890aa;font-size:9px;text-transform:uppercase}.obsCard strong{display:block;margin-top:5px;font-size:22px}.obsCard small{display:block;margin-top:4px;color:#7d94ac;font-size:9px}.obsRouteGrid{display:grid;gap:7px}.obsRoute{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(70px,.5fr));gap:8px;align-items:center;padding:9px 10px;border:1px solid #1f425f;border-radius:10px;background:#061421;font-size:10px}.obsRoute strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quotaGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.quotaCard{padding:11px;border:1px solid #234a69;border-radius:12px;background:#071522}.quotaCard strong{display:block;font-size:13px}.quotaCard small{display:block;color:#7f96af;margin:4px 0 7px;font-size:9px}.profitabilityGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.advancedInsight{border:1px solid #244c6d;border-radius:13px;background:#071724;padding:12px}.advancedInsight h3{margin:0 0 8px;font-size:13px}.advancedRows{display:grid;gap:6px}.advancedRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:7px 0;border-bottom:1px solid #17344d;font-size:10px}.advancedRow:last-child{border-bottom:0}.advancedRow span{color:#8199b1}.advancedRow strong{color:#d8e7f6}.forecastGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.forecastCard{border:1px solid #244c6c;border-radius:12px;background:#071522;padding:11px}.forecastCard span{display:block;color:#7f97b0;font-size:9px}.forecastCard strong{display:block;margin-top:4px;font-size:16px}.forecastCard small{display:block;margin-top:5px;color:#748ba3;font-size:9px;line-height:1.4}@media(max-width:820px){.exceptionSummary,.obsGrid,.forecastGrid{grid-template-columns:1fr 1fr}.profitabilityGrid{grid-template-columns:1fr}.quotaGrid{grid-template-columns:1fr}.exceptionItem{grid-template-columns:auto minmax(0,1fr)}.exceptionItem .btn{grid-column:2;width:100%}.obsRoute{grid-template-columns:minmax(0,1fr) auto}.obsRoute span:nth-of-type(n+2){display:none}}@media(max-width:430px){.exceptionSummary,.obsGrid,.forecastGrid{grid-template-columns:1fr}.exceptionItem{grid-template-columns:1fr}.exceptionItem .btn{grid-column:auto}.exceptionFlag{width:max-content}.onboardingStep{grid-template-columns:auto minmax(0,1fr)}}@media(max-width:980px){.helpShell{grid-template-columns:1fr}.helpSidebar{position:static}.helpModuleList{display:flex;overflow-x:auto;max-height:none}.helpModuleBtn{min-width:max-content}.helpQuick{grid-template-columns:1fr 1fr}.helpGlossary{grid-template-columns:1fr 1fr}}@media(max-width:560px){.helpIntro{padding:14px}.helpIntro h2{font-size:21px}.helpQuick,.helpGlossary{grid-template-columns:1fr}.helpTopic summary{padding:11px}.helpTopicBody{padding:11px}.moduleHelpLink{font-size:9px}}
.helpStrip strong{display:block;font-size:12px}.helpStrip span{display:block;margin-top:3px;color:#91a3bb;font-size:11px;line-height:1.45}
.recoGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.recoCard{display:flex;flex-direction:column;gap:7px;min-height:142px;padding:14px;border:1px solid #2b405e;border-radius:15px;background:#09131f;text-decoration:none;color:#edf3ff}
.recoCard:hover{border-color:#4b72a9;background:#0d1a2b}.recoCard .priority{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#93a7c2}.recoCard.high{border-color:#70434a}.recoCard.high .priority{color:#ff9ba2}.recoCard.medium .priority{color:#ffd27a}.recoCard p{margin:0;color:#91a3ba;font-size:11px;line-height:1.45}.recoCard .go{margin-top:auto;font-size:11px;color:#9cc8ff;font-weight:800}
.variantPills{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.variantPill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;border:1px solid #334d6e;background:#101b2a;color:#c5d2e3;font-size:10px}.variantPill.low{border-color:#725b31;color:#ffd27a}.variantPill.out{border-color:#71434a;color:#ff9da4}
.variantList{display:grid;gap:8px;margin-top:10px}.variantRow{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(110px,.8fr) repeat(3,minmax(80px,.55fr)) auto;gap:8px;align-items:center;padding:10px;border:1px solid #2b405e;border-radius:12px;background:#09131f}.variantRow strong{font-size:12px}.variantRow small{display:block;color:#8497b0;margin-top:2px}.variantActions{display:flex;gap:6px}
.variantBuilder{margin-top:14px;border:1px solid #2a4565;border-radius:14px;padding:13px;background:#09131f}.variantBuilderHead{display:flex;justify-content:space-between;gap:10px;align-items:center}.variantBuilderHead p{margin:3px 0 0;color:#8fa2bb;font-size:10px}.variantDrafts{display:grid;gap:8px;margin-top:10px}.variantDraft{display:grid;grid-template-columns:1.1fr 1fr 1fr .75fr .75fr .7fr auto;gap:7px;align-items:end;padding:10px;border:1px solid #2b405e;border-radius:12px;background:#0d1826}.variantDraft label{font-size:9px}.variantDraft input{min-width:0}
.mobileActionBar{display:none}
.autoRule{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #263950}.autoRule:last-child{border-bottom:0}.autoRule>div{flex:1}.autoRule strong{display:block;font-size:12px}.autoRule span{display:block;color:#8fa2bb;font-size:10px;margin-top:3px;line-height:1.4}.switch{position:relative;width:48px;height:28px;flex:0 0 48px}.switch input{opacity:0;position:absolute}.switch i{position:absolute;inset:0;border-radius:999px;background:#26374d;border:1px solid #3c526e;transition:.15s}.switch i:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#b8c4d3;transition:.15s}.switch input:checked+i{background:#174b82;border-color:#3d86ce}.switch input:checked+i:after{transform:translateX(20px);background:#fff}
.desktopOnly{display:block}.mobileOnly{display:none}@media(max-width:700px){.pageHeader{flex-wrap:wrap!important;align-items:flex-start!important}.pageHeader .btn{max-width:100%}.miniBarRow{grid-template-columns:minmax(90px,.8fr) minmax(100px,1.4fr) auto;gap:7px}}
@media(max-width:900px){
 .recoGrid{grid-template-columns:1fr 1fr}
 .variantRow{grid-template-columns:1fr 1fr}.variantActions{grid-column:1/-1}
 .variantDraft{grid-template-columns:1fr 1fr}.variantDraft .variantRemove{grid-column:1/-1}
 .editorDrawer{width:100%;top:auto;height:min(88vh,760px);border-left:0;border-top:1px solid #34517c;border-radius:20px 20px 0 0;transform:translateY(105%);padding-bottom:calc(18px + env(safe-area-inset-bottom))}
 .editorDrawer.open{transform:none}
 .drawerHead{position:sticky;top:0;z-index:3;background:#071421;padding-top:4px}
}
@media(max-width:700px){
 body{font-size:14px}
 main{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
 .classicTop{gap:10px;min-width:0}.classicBrand{min-width:0}.classicBrand img{max-width:118px}.classicActions{width:auto;flex:0 0 auto;overflow:visible;flex-wrap:nowrap;padding-bottom:3px}.classicActions>*{white-space:nowrap}
 .moduleSummary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.summaryCard{min-height:86px;padding:12px!important}.summaryCard strong{font-size:20px!important}
 .recoGrid{grid-template-columns:1fr}.recoCard{min-height:0}
 .dataCardHead{align-items:flex-start;flex-wrap:wrap}.dataCardHead .spacer{display:none}.dataCardHead button,.dataCardHead .btn{flex:1 1 130px}
 .filterBar{position:sticky;top:62px;z-index:8;padding:9px;background:#09121ef5;backdrop-filter:blur(12px)}.filterBar input,.filterBar select{flex:1 1 100%}
 .tableWrap{overflow:visible;border:0;background:transparent}.tableWrap table,.tableWrap thead,.tableWrap tbody,.tableWrap tr,.tableWrap td{display:block;min-width:0;width:100%}.tableWrap thead{display:none}.tableWrap tbody{display:grid;gap:9px}.tableWrap tr{border:1px solid #2a3f5e;border-radius:14px;background:#09131f;padding:10px}.tableWrap td{display:grid;grid-template-columns:minmax(92px,.72fr) minmax(0,1.28fr);gap:9px;align-items:center;border:0!important;padding:6px 4px!important;background:transparent!important;word-break:break-word}.tableWrap td:before{content:attr(data-label);font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#71849d}.tableWrap td .actions{justify-content:flex-start;flex-wrap:wrap}
 .checkoutLayout{display:block;max-width:100%!important;min-width:0!important}.checkoutLayout>*{max-width:100%!important;min-width:0!important}.catalogCard{margin-bottom:10px!important}.catalogSearch{grid-template-columns:minmax(0,1fr) 46px}.catalogSearch #clearPosSearch{font-size:0;padding:0}.catalogSearch #clearPosSearch:after{content:"×";font-size:20px;line-height:1}.categoryRow{scroll-snap-type:x proximity;scrollbar-width:none}.categoryRow::-webkit-scrollbar{display:none}.categoryChip{scroll-snap-align:start}.cartPanel{position:static!important}.posGrid{grid-template-columns:1fr 1fr!important}.posTile{min-height:138px;padding:10px}.posVisual{height:44px;font-size:20px}.posTile strong{padding-right:34px}.cartFooter{padding-bottom:18px}
 .settingsTabs{display:flex;overflow-x:auto;gap:7px}.settingsTab{flex:0 0 auto;white-space:nowrap}
 .desktopOnly{display:none!important}.mobileOnly{display:block!important}
 .bottomNav{padding-bottom:calc(8px + env(safe-area-inset-bottom));height:auto}
 .mobileActionBar{display:flex;position:fixed;left:10px;right:10px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:48;gap:8px;padding:8px;border:1px solid #314a6a;border-radius:15px;background:#09121ef2;box-shadow:0 14px 40px #0008;backdrop-filter:blur(16px)}.mobileActionBar>*{flex:1}
}
@media(max-width:340px){.moduleSummary{grid-template-columns:1fr!important}.posGrid{grid-template-columns:1fr!important}}@media(max-width:420px){.variantDraft{grid-template-columns:1fr}.variantDraft .variantRemove{grid-column:auto}}


/* Kronuvo Commerce Decision UX v23 */
.navGroup{margin:14px 10px 4px;color:#5f7d9d;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.navGroup:first-child{margin-top:3px}
.moduleBreadcrumb{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:10px;color:#7691af}.moduleBreadcrumb a{color:#9fc9f6;text-decoration:none;font-weight:800}.moduleBreadcrumb strong{color:#7e96b2;font-weight:700}.moduleBreadcrumb span{opacity:.65}
.executiveSummary{margin:0 0 15px;padding:17px;border:1px solid #245982;border-radius:18px;background:linear-gradient(145deg,#0b2036,#07131f);box-shadow:0 18px 55px #0003}.executiveHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:13px}.executiveHead h2{margin:3px 0 4px;font-size:19px}.executiveHead p{margin:0;color:#879cb6;font-size:11px}.executiveEyebrow{font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#63b8ff}.executiveMain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.executiveKpi{border:1px solid #2a5278;background:#081827;border-radius:14px;padding:13px;min-height:108px}.executiveKpi span{display:block;font-size:9px;color:#87a0bd;text-transform:uppercase;letter-spacing:.08em}.executiveKpi strong{display:block;font-size:24px;margin-top:7px;letter-spacing:-.025em}.executiveKpi small{display:block;color:#8298b1;font-size:10px;line-height:1.4;margin-top:5px}.executiveHealth{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:9px}.executiveMini{border:1px solid #263e5b;background:#08131f;border-radius:12px;padding:10px;min-height:78px}.executiveMini span{display:block;font-size:8px;color:#7f96b2;text-transform:uppercase;letter-spacing:.07em}.executiveMini strong{display:block;font-size:16px;margin-top:5px}.executiveMini small{display:block;color:#758ba5;font-size:9px;margin-top:3px;line-height:1.35}@media(max-width:1080px){.executiveMain{grid-template-columns:repeat(2,1fr)}.executiveHealth{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.executiveHead{display:block}.executiveMain{grid-template-columns:1fr 1fr}.executiveHealth{grid-template-columns:1fr 1fr}.executiveKpi strong{font-size:20px}}@media(max-width:420px){.executiveMain,.executiveHealth{grid-template-columns:1fr}}.decisionCenter{margin:0 0 15px;padding:17px;border:1px solid #245982;border-radius:18px;background:linear-gradient(145deg,#0a1e32,#07131f);box-shadow:0 18px 55px #0003}.decisionHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.decisionHead h2{margin:3px 0 4px;font-size:18px}.decisionHead p{margin:0;color:#879cb6;font-size:11px}.decisionEyebrow{font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#63b8ff}.decisionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}.decisionCard{display:flex;min-height:150px;flex-direction:column;gap:6px;padding:13px;border:1px solid #28547b;border-radius:14px;background:#081827;color:#edf4ff;text-decoration:none}.decisionCard:hover{border-color:#3998e9;background:#0b2035}.decisionCard.high{border-color:#75414b;background:linear-gradient(145deg,#23141a,#0c1722)}.decisionCard.medium{border-color:#6f5a2d}.decisionPriority{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8abbe9}.decisionCard.high .decisionPriority{color:#ff9ba4}.decisionCard.medium .decisionPriority{color:#ffd16e}.decisionCard strong{font-size:13px}.decisionCard p{margin:0;color:#8da2bb;font-size:10px;line-height:1.45}.decisionAction{margin-top:auto;color:#82c5ff;font-size:10px;font-weight:850}.decisionEmpty{grid-column:1/-1;padding:15px;border:1px solid #28547b;border-radius:13px;background:#081827}.decisionEmpty strong,.decisionEmpty span{display:block}.decisionEmpty span{margin-top:4px;color:#89a0ba;font-size:10px}
.rowMenu{position:relative;display:inline-block}.rowMenu summary{list-style:none;cursor:pointer;min-height:40px;display:flex;align-items:center;padding:8px 11px;border:1px solid #34517c;border-radius:10px;background:#172743;color:#eaf1ff;font-size:11px;font-weight:850}.rowMenu summary::-webkit-details-marker{display:none}.rowMenu summary:after{content:"⋯";margin-left:8px}.rowMenuPanel{position:absolute;right:0;top:calc(100% + 6px);z-index:25;display:grid;gap:6px;min-width:190px;padding:8px;border:1px solid #315579;border-radius:12px;background:#071522;box-shadow:0 20px 55px #000b}.rowMenuPanel button{width:100%;text-align:left}
input[type=file]{padding:6px!important}input[type=file]::file-selector-button{min-height:34px;margin-right:10px;border:1px solid #34517c;border-radius:9px;background:#172743;color:#eaf1ff;padding:7px 10px;font:inherit;font-weight:800;cursor:pointer}
.mobileCartToggle,.cartBackdrop,.mobileCartClose{display:none}.cartQty{display:flex;align-items:center;gap:5px}.cartQty button{width:34px;height:34px;min-height:34px;padding:0}.cartQty span{min-width:24px;text-align:center;font-weight:900}.cartRemove{width:36px;height:36px;min-height:36px;padding:0}
@media(max-width:920px){
 .navGroup{display:none}.moduleBreadcrumb{margin:2px 0 7px}.decisionGrid{grid-template-columns:1fr 1fr}.decisionHead{align-items:center}.decisionHead .btn{flex:0 0 auto}
 .mobileCartToggle{display:flex;position:fixed;left:10px;right:10px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:78;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:10px 15px;border:1px solid #3b7bb3;border-radius:16px;background:linear-gradient(135deg,#0f5b9d,#0c345a);color:#fff;box-shadow:0 16px 45px #000a;font-weight:900}.mobileCartToggle b{display:flex;align-items:center;gap:5px}.mobileCartToggle i{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#fff;color:#0b3155;font-style:normal;font-size:11px}
 .cartBackdrop{display:block;position:fixed;inset:0;z-index:94;background:#02060bbb;backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:.2s}.cartBackdrop.open{opacity:1;pointer-events:auto}
 .cartPanel.mobileCartSheet{display:block!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:95!important;width:100%!important;max-height:88dvh;overflow:auto;margin:0!important;border-radius:22px 22px 0 0!important;padding:0!important;transform:translateY(105%);transition:transform .22s ease;box-shadow:0 -28px 90px #000d!important}.cartPanel.mobileCartSheet.mobileOpen{transform:none}.mobileCartClose{display:inline-grid!important;place-items:center;width:38px;height:38px;min-height:38px;padding:0}.cartHead{position:sticky;top:0;z-index:4;background:#0b1726f5;backdrop-filter:blur(14px)}body.cartOpen{overflow:hidden}
 .catalogCard{margin-bottom:82px!important}.cartItem{grid-template-columns:minmax(0,1fr) auto auto auto}.cartFooter{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
}
@media(max-width:620px){.decisionGrid{grid-template-columns:1fr}.decisionHead{display:block}.decisionHead .btn{margin-top:10px}.decisionCard{min-height:0}.cartItem{grid-template-columns:minmax(0,1fr) auto}.cartItem>strong{grid-column:1}.cartQty{grid-column:2;grid-row:1/3}.cartRemove{position:absolute;right:13px;margin-top:48px}.cartItem{position:relative;padding-right:48px}}

.retailOpsBar{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(190px,.8fr) minmax(180px,.7fr) auto;gap:10px;align-items:stretch;margin:0 0 13px}.retailOpsBar>div{border:1px solid #274866;background:linear-gradient(145deg,#091b2d,#071522);border-radius:14px;padding:11px}.retailOpsBar select{margin:4px 0 0}.opsLabel,.opsMetric span{display:block;color:#7f98b4;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.opsMetric strong{display:block;margin-top:4px;font-size:14px}.opsMetric small{display:block;color:#7f94ad;margin-top:3px}.opsActions{display:flex!important;gap:7px;align-items:center;flex-wrap:wrap}.opsActions button{flex:1}.posAdjustGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;align-items:end;margin:10px 0}.posAdjustGrid label{margin:0}.splitSummary{border:1px solid #2f6f9d;background:#0b2843;border-radius:11px;padding:9px 10px;margin:8px 0;color:#bfe2ff;font-size:10px}.countBadge{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#0e5795;color:#fff;font-size:9px;margin-left:4px}.customer360Grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.retailToolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.retailToolbar>*{min-width:130px}.insightGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.insightCard{border:1px solid #285275;background:#081827;border-radius:14px;padding:12px}.insightCard strong{display:block}.insightCard span{display:block;color:#849cb7;font-size:10px;margin-top:3px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:10px;overflow-x:auto;padding-bottom:4px}.kanbanCol{border:1px solid #244967;background:#071522;border-radius:14px;padding:10px;min-height:190px}.kanbanCol>strong{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#7fa3c7}.kanbanCard{margin-top:8px;border:1px solid #2b4f70;background:#0a1b2c;border-radius:12px;padding:10px}.kanbanCard small{display:block;color:#839ab4;margin-top:4px}.flowBuilder{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:end}.flowCards{display:grid;gap:9px}.flowCard{border:1px solid #284e70;border-radius:13px;background:#081827;padding:12px}.flowCard .flowMeta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.offlineNote{border:1px solid #765d2a;background:#201909;color:#ffd681;border-radius:11px;padding:9px 10px;font-size:10px}@media(max-width:1050px){.retailOpsBar{grid-template-columns:1fr 1fr}.opsActions{grid-column:1/-1}.insightGrid{grid-template-columns:1fr 1fr}.flowBuilder{grid-template-columns:1fr 1fr}}@media(max-width:650px){.retailOpsBar{grid-template-columns:1fr 1fr}.retailOpsBar .opsActions{grid-column:1/-1}.posAdjustGrid{grid-template-columns:1fr 1fr}.posAdjustGrid label{grid-column:1/-1}.customer360Grid,.insightGrid{grid-template-columns:1fr 1fr}.flowBuilder{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(4,82vw)}}
/* Premium UX v24 */
:root{--kv-bg:#06101b;--kv-surface:#0a1624;--kv-surface2:#0d1c2c;--kv-border:#203c57;--kv-accent:#198cff;--kv-accent2:#4fc3ff;--kv-text:#eef6ff;--kv-muted:#87a0b9}
html{scroll-behavior:smooth}body{--module-accent:var(--kv-accent);background:radial-gradient(circle at 75% -10%,#16345b55 0,transparent 28%),linear-gradient(180deg,#07111e,#050b12 70%);color:var(--kv-text)}body[data-module="accounting"],body[data-module="reports"]{--module-accent:#50d3aa}body[data-module="inventory"],body[data-module="purchases"]{--module-accent:#4cb9ff}body[data-module="customers"]{--module-accent:#7fc7ff}body[data-module="ecommerce"],body[data-module="guides"]{--module-accent:#59d4dc}body[data-module="automations"]{--module-accent:#aa8cff}.moduleHero .eyebrow,.executiveEyebrow,.decisionEyebrow,.nuvuBadge{color:var(--module-accent)!important}
.card,.executiveSummary,.decisionCenter,.summaryCard,.retailOpsBar>div,.insightCard,.flowCard,.kanbanCol,.kanbanCard{border-color:color-mix(in srgb,var(--kv-border) 78%,transparent)!important;background:linear-gradient(180deg,rgba(12,27,43,.96),rgba(7,18,29,.96))!important;box-shadow:0 12px 36px rgba(0,0,0,.22)!important}
.card:hover,.insightCard:hover,.flowCard:hover,.kanbanCard:hover{border-color:#2e638f!important}
.summaryCard,.executiveKpi,.executiveMini{transition:transform .16s ease,border-color .16s ease,background .16s ease}.summaryCard:hover,.executiveKpi:hover,.executiveMini:hover{transform:translateY(-2px);border-color:#32678f!important;background:#0a1c2e!important}
.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--kv-accent) 86%,white),color-mix(in srgb,var(--kv-accent) 78%,#003c78))!important;border-color:color-mix(in srgb,var(--kv-accent) 58%,white)!important;box-shadow:0 10px 28px color-mix(in srgb,var(--kv-accent) 28%,transparent)!important}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
.secondary{background:linear-gradient(180deg,#132945,#0c2036)!important;border-color:#315a80!important}
button,.btn,input,select,textarea{border-radius:12px!important}button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #5cb8ff!important;outline-offset:2px}
.nav a{border-radius:12px!important;transition:background .15s ease,border-color .15s ease,transform .15s ease}.nav a:hover{background:#0c2036!important;transform:translateX(2px)}.nav a.active{background:linear-gradient(90deg,#0e3764,#0a2038)!important;border-color:#278cff!important;box-shadow:inset 3px 0 0 #30a1ff!important}
.classicTop{background:linear-gradient(180deg,#071525,#06101d)!important}.classicActions button{background:#102844!important}
.moduleHeroContent{padding-top:8px!important}.moduleHero h1{letter-spacing:-.03em!important}.moduleHero p{color:#b8c9da!important}
.tableWrap{border-radius:14px;overflow:auto;border:1px solid #213f5b}.tableWrap table{border-collapse:separate;border-spacing:0}.tableWrap thead th{position:sticky;top:0;z-index:2;background:#0a1a2a!important;backdrop-filter:blur(10px)}.tableWrap tbody tr{transition:background .12s ease}.tableWrap tbody tr:hover{background:#0d2033}
.catalogTools{position:sticky;top:0;z-index:5;background:linear-gradient(180deg,#0b1929 80%,transparent);padding-top:4px}
.posTile{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.posTile:hover{transform:translateY(-2px);border-color:#2c83c7!important;box-shadow:0 14px 34px #0005!important}.posTile .posAdd{border-radius:10px!important}
.decisionCard{min-height:132px!important}.decisionCard:hover{transform:translateY(-2px);box-shadow:0 14px 38px #0004}
.executiveSummary{padding:15px!important}.executiveKpi{min-height:96px!important}.executiveMini{min-height:68px!important}.executiveKpi strong,.executiveMini strong,.summaryCard strong,.price,.cartTotals strong,.statementLine strong,.agingBox strong,.budgetCard strong,table td{font-variant-numeric:tabular-nums lining-nums}
.retailOpsBar{gap:8px!important}.retailOpsBar>div{padding:10px!important}.contextStrip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}.contextStrip span{display:inline-flex;align-items:center;min-height:30px;padding:6px 9px;border:1px solid #244b6b;border-radius:999px;background:#081827;color:#8fa9c1;font-size:10px}.contextStrip strong{color:#ddecfb;margin-left:3px}
.kanban{scroll-snap-type:x proximity}.kanbanCol{scroll-snap-align:start}
.pageSkeleton{animation:pulseSkeleton 1.15s ease-in-out infinite alternate}@keyframes pulseSkeleton{from{opacity:.56}to{opacity:.95}}
@media(max-width:620px){
 .moduleHero{margin-top:6px!important;margin-bottom:8px!important}.moduleHeroContent{padding:4px 0 8px!important}.moduleHero h1{font-size:25px!important;margin-bottom:3px!important}.moduleHero p{font-size:12px!important}
 .executiveSummary{padding:12px!important;border-radius:16px!important}.executiveHead{margin-bottom:9px!important}.executiveHead h2{font-size:17px!important}.executiveHead .btn{width:100%;margin-top:9px!important}
 .executiveMain{grid-template-columns:1fr 1fr!important;gap:7px!important}.executiveHealth{grid-template-columns:1fr 1fr!important;gap:7px!important}
 .executiveKpi{min-height:92px!important;padding:10px!important}.executiveKpi strong{font-size:19px!important}.executiveKpi small{font-size:9px!important}.executiveMini{min-height:64px!important;padding:9px!important}
 .decisionGrid{grid-template-columns:1fr!important}.decisionCard{min-height:108px!important}
 .card{padding:12px!important;border-radius:16px!important}.moduleSummary{grid-template-columns:1fr 1fr!important}.summaryCard{min-height:78px!important;padding:10px!important}.summaryCard strong{font-size:18px!important}.summaryCard small{font-size:9px}
 .retailOpsBar{grid-template-columns:1fr 1fr!important}.retailOpsBar .opsActions{grid-column:1/-1}.opsActions button{min-height:44px}
 .posGrid{grid-template-columns:1fr 1fr!important;gap:8px!important}.posTile{min-height:132px!important;padding:9px!important}.posVisual{height:40px!important}
 .bottomNav{left:8px!important;right:8px!important;bottom:8px!important;border-radius:18px!important;box-shadow:0 18px 50px #000b!important}
}
@media(max-width:360px){.executiveMain,.executiveHealth,.moduleSummary,.posGrid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Premium UX v25 · calm, contextual, customizable */
.contextBar{position:sticky;top:8px;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;margin:0 0 12px;padding:7px 9px;border:1px solid #234966;border-radius:15px;background:#071522e8;backdrop-filter:blur(18px) saturate(1.15);box-shadow:0 12px 34px #0004}
.contextBar:empty{display:none}.contextBarGroup{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.contextItem{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 9px;border:1px solid #24445f;border-radius:10px;background:#091a29;color:#a6bacd;font-size:10px;white-space:nowrap}.contextItem strong{color:#eef7ff}.contextItem select{min-height:30px!important;padding:4px 28px 4px 8px!important;border:0!important;background:#0a1d2f!important}.contextAction{min-height:32px!important;padding:6px 9px!important;font-size:10px!important}.contextDot{width:7px;height:7px;border-radius:50%;background:#45dda8;box-shadow:0 0 12px #45dda866}.contextDot.offline{background:#ff7f88;box-shadow:0 0 12px #ff7f8866}
.navGroupToggle{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:36px!important;margin:10px 0 4px!important;padding:7px 10px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#5f7d9d!important;font-size:9px!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important;text-align:left!important}.navGroupToggle:first-child{margin-top:3px!important}.navGroupToggle b{font-size:12px;color:#6f91b2;transition:transform .15s ease}.navGroupToggle:hover{color:#8ab4da!important;transform:none!important}.navGroupToggle.collapsed b{transform:rotate(-90deg)}.nav a[hidden]{display:none!important}
.sidebarToggle{font-size:10px!important}.sidebarCompact main{margin-left:84px!important}.sidebarCompact .classicTop{width:84px!important;height:126px!important;padding-left:12px!important;padding-right:12px!important}.sidebarCompact .nav{width:84px!important;top:126px!important;padding:10px 12px 18px!important}.sidebarCompact .classicBrand img{display:none!important}.sidebarCompact .classicBrand a{display:grid;place-items:center;width:44px;height:44px}.sidebarCompact .classicBrand a:before{content:"";width:31px;height:31px;background:url("/assets/kronuvo-icon.svg") center/contain no-repeat}.sidebarCompact .classicCopy,.sidebarCompact .navGroup,.sidebarCompact #openCommand,.sidebarCompact .classicActions .badge{display:none!important}.sidebarCompact .classicActions{margin-top:16px!important}.sidebarCompact .sidebarToggle{font-size:0!important;width:44px!important;min-width:44px!important;height:42px;padding:0!important}.sidebarCompact .sidebarToggle:after{content:"›";font-size:22px}.sidebarCompact .nav a{justify-content:center!important;padding:9px!important}.sidebarCompact .nav a>span:last-child{display:none!important}.sidebarCompact .navIcon{width:34px!important;height:34px!important;flex-basis:34px!important}
.activityBackdrop{position:fixed;inset:0;z-index:118;background:#02070db8;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.2s}.activityBackdrop.open{opacity:1;pointer-events:auto}.activityDrawer{position:fixed;right:0;top:0;bottom:0;z-index:119;width:min(430px,100vw);padding:18px;border-left:1px solid #2b5577;background:#07131ff7;box-shadow:-28px 0 80px #000b;transform:translateX(105%);transition:transform .22s ease;overflow:auto}.activityDrawer.open{transform:none}.activityHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:sticky;top:-18px;padding:18px 0 13px;background:#07131ff2;backdrop-filter:blur(16px);z-index:2}.activityHead h3{margin:4px 0 0;font-size:19px}.activityList{display:grid;gap:8px}.activityRow{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:11px;border:1px solid #244963;border-radius:13px;background:#091a29}.activityIcon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#0c2a48;color:#76c2ff;font-weight:900}.activityRow strong{display:block;font-size:11px}.activityRow span{display:block;margin-top:3px;color:#839cb2;font-size:9px;line-height:1.45}
.nuvuInline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:10px 12px;border:1px solid #2a6288;border-radius:14px;background:linear-gradient(100deg,#0a2136,#081827);box-shadow:0 12px 30px #0003}.nuvuInline .nuvuBadge{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#72c2ff}.nuvuInline strong{display:block;margin-top:3px;font-size:12px}.nuvuInline p{margin:3px 0 0;color:#8fa7bc;font-size:10px}.nuvuInline .btn{white-space:nowrap}
.dataGridToolbar{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;margin:0 0 8px}.dataGridToolbar .gridLabel{margin-right:auto;color:#8197ad;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.dataGridToolbar button,.dataGridToolbar summary{min-height:32px!important;padding:6px 9px!important;font-size:9px!important}.gridColumns{position:relative}.gridColumns summary{list-style:none;cursor:pointer;border:1px solid #315a80;border-radius:10px;background:#10243a;color:#dceafa;font-weight:800}.gridColumns summary::-webkit-details-marker{display:none}.gridColumnsPanel{position:absolute;right:0;top:calc(100% + 5px);z-index:35;display:grid;gap:6px;min-width:210px;padding:10px;border:1px solid #315979;border-radius:12px;background:#071522;box-shadow:0 20px 50px #000b}.gridColumnsPanel label{display:flex;align-items:center;gap:8px;color:#bfd0df;font-size:10px}.gridColumnsPanel input{min-height:auto!important;width:auto!important}.tableWrap[data-density="compact"] td,.tableWrap[data-density="compact"] th{padding-top:7px!important;padding-bottom:7px!important;font-size:10px!important}.tableWrap [data-col-hidden="true"]{display:none!important}.tableWrap th{position:relative}.colResizer{position:absolute;right:-3px;top:18%;bottom:18%;width:7px;cursor:col-resize;z-index:4;border-radius:999px}.colResizer:hover,.colResizer:active{background:color-mix(in srgb,var(--kv-accent) 55%,transparent)}.tableWrap.gridStickyFirst th:first-child,.tableWrap.gridStickyFirst td:first-child{position:sticky;left:0;z-index:3;background:#0a1a2a!important;box-shadow:8px 0 18px #0003}.tableWrap.gridStickyFirst td:first-child{z-index:2;background:#081725!important}.tableWrap.gridStickyFirst tbody tr:hover td:first-child{background:#0d2033!important}
.emptyPremium{display:grid!important;justify-items:center;text-align:center;gap:6px;padding:22px!important;color:#8da3b8!important}.emptyPremium:before{content:"✦";display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#0c2945;color:#73c3ff;font-size:17px}.emptyPremium strong{color:#dceafb;font-size:12px}.emptyPremium small{color:#8096aa;font-size:9px}.emptyPremium .btn{margin-top:4px}
[data-dashboard-widget][hidden]{display:none!important}.dashboardCustomize{display:flex;gap:7px;flex-wrap:wrap}.executiveKpiLink{text-decoration:none;color:inherit}.kpiTrend{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:8px}.kpiTrend b{font-size:9px;font-weight:850;color:#8ea5bb}.sparkline{display:flex;align-items:end;gap:2px;width:74px;height:24px}.sparkline i{display:block;flex:1;min-height:2px;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,var(--kv-accent),#3cbcff);opacity:.82}
.posFullscreen .classicTop,.posFullscreen .nav,.posFullscreen .moduleHero,.posFullscreen .contextBar,.posFullscreen .bottomNav,.posFullscreen .nuvuInline{display:none!important}.posFullscreen main{margin:0!important;padding:10px 12px 20px!important;max-width:100vw!important}.posFullscreen #content{max-width:1800px;margin:0 auto}.posFullscreen .checkoutLayout{grid-template-columns:minmax(0,1.45fr) minmax(390px,.7fr)!important}.posFullscreen .catalogCard,.posFullscreen .cartPanel{min-height:calc(100vh - 28px)}.posFullscreen .retailOpsBar{position:sticky;top:0;z-index:30;background:#06101bd9;backdrop-filter:blur(18px);padding:4px;border-radius:16px}.posFullscreen .posFullscreenExit{display:inline-flex!important}
.posFullscreenExit{display:none!important}
.tapPulse{animation:tapPulse .18s ease}@keyframes tapPulse{50%{transform:scale(.985)}}
[data-theme="light"] body{background:linear-gradient(180deg,#f4f7fb,#eef3f8 70%)!important;color:#152334!important}[data-theme="light"] .classicTop,[data-theme="light"] .nav{background:linear-gradient(180deg,#f9fbfd,#edf3f8)!important;border-color:#d8e2ec!important}[data-theme="light"] .classicBrand img{filter:none}[data-theme="light"] .nav a{color:#53687a!important}[data-theme="light"] .nav a.active,[data-theme="light"] .nav a:hover{background:linear-gradient(90deg,#e8f3ff,#f4f9ff)!important;color:#0a3154!important;border-color:#73baff!important}[data-theme="light"] .navIcon{background:#e4f2ff!important;color:#1475c8!important}[data-theme="light"] .moduleHero h1,[data-theme="light"] .card h2,[data-theme="light"] .card h3,[data-theme="light"] .executiveHead h2,[data-theme="light"] .decisionHead h2{color:#13263a!important}[data-theme="light"] .moduleHero p,[data-theme="light"] .muted,[data-theme="light"] .summaryCard small,[data-theme="light"] .executiveKpi small,[data-theme="light"] .executiveMini small{color:#647c91!important}[data-theme="light"] .card,[data-theme="light"] .summaryCard,[data-theme="light"] .executiveSummary,[data-theme="light"] .decisionCenter,[data-theme="light"] .retailOpsBar>div,[data-theme="light"] .insightCard,[data-theme="light"] .flowCard,[data-theme="light"] .kanbanCol,[data-theme="light"] .kanbanCard,[data-theme="light"] .contextBar,[data-theme="light"] .contextItem,[data-theme="light"] .nuvuInline{background:linear-gradient(180deg,#ffffff,#f8fbfd)!important;border-color:#d5e1eb!important;color:#173047!important;box-shadow:0 10px 30px #365a7812!important}[data-theme="light"] input,[data-theme="light"] select,[data-theme="light"] textarea{background:#fff!important;color:#16324a!important;border-color:#c8d8e5!important}[data-theme="light"] .secondary{background:#eef5fb!important;color:#173c5e!important;border-color:#c3d7e7!important}[data-theme="light"] .tableWrap,[data-theme="light"] table,[data-theme="light"] td,[data-theme="light"] th{border-color:#d4e1eb!important}[data-theme="light"] .tableWrap thead th{background:#eef5fa!important;color:#456074!important}[data-theme="light"] .tableWrap tbody tr:hover{background:#f1f7fb!important}[data-theme="light"] .activityDrawer{background:#f8fbfdf7!important;color:#183047!important;border-color:#cfdeea!important}[data-theme="light"] .activityRow{background:#fff!important;border-color:#d5e2ec!important}[data-theme="light"] .activityHead{background:#f8fbfdf2!important}[data-theme="light"] .sideHelp,[data-theme="light"] .helpStrip,[data-theme="light"] .panelHint,[data-theme="light"] .settingsStatusCard,[data-theme="light"] .invoicePreview,[data-theme="light"] .gridColumnsPanel{background:#fff!important;border-color:#d5e1eb!important;color:#173047!important}[data-theme="light"] .gridColumns summary{background:#eef5fb!important;color:#173c5e!important;border-color:#c3d7e7!important}[data-theme="light"] .tableWrap.gridStickyFirst th:first-child{background:#eef5fa!important}[data-theme="light"] .tableWrap.gridStickyFirst td:first-child{background:#fff!important}[data-theme="light"] .nuvuInline p,[data-theme="light"] .activityRow span,[data-theme="light"] .contextItem{color:#60798f!important}
.premiumSection,.executiveSummary,.decisionCenter,.dataCard{content-visibility:auto;contain-intrinsic-size:1px 420px}
@media(max-width:920px){.sidebarToggle{display:none!important}.sidebarCompact main{margin:0!important}.tableWrap.gridStickyFirst th:first-child,.tableWrap.gridStickyFirst td:first-child{position:static!important;box-shadow:none!important}.contextBar{top:68px;margin-top:4px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.contextBar::-webkit-scrollbar{display:none}.contextBarGroup{flex-wrap:nowrap}.contextBarGroup:last-child{margin-left:auto}.contextItem{flex:0 0 auto}.activityDrawer{width:min(390px,100vw)}}
@media(max-width:620px){.contextBar{min-height:42px;padding:5px 6px;border-radius:13px}.contextItem{min-height:30px;padding:4px 7px}.contextItem.roleItem{display:none}.nuvuInline{align-items:flex-start;flex-direction:column}.nuvuInline .btn{width:100%;text-align:center}.dataGridToolbar{justify-content:flex-start}.dataGridToolbar .gridLabel{width:100%}.posFullscreen main{padding:6px 8px 12px!important}.posFullscreen .checkoutLayout{grid-template-columns:1fr!important}}

/* Fintech polish v33 */\n.moduleBreadcrumb a{display:inline-flex;align-items:center;min-height:32px;padding:4px 2px}.classicBrand>a{min-height:36px;display:flex;align-items:center}.contextAction{min-height:40px!important}@media(max-width:920px){.moduleBreadcrumb a,.classicBrand>a,.contextAction{min-height:44px!important}.moduleBreadcrumb a{padding:8px 3px}}\n
.kronuvoLaunch.flyout .kronuvoLaunchGlow,.kronuvoLaunch.flyout .kronuvoLaunchWord,.kronuvoLaunch.flyout .kronuvoLaunchLine{opacity:0!important;transition:opacity .24s ease!important}.kronuvoLaunch.flyout{background:rgba(2,7,13,.94);transition:background .42s ease,opacity .3s ease!important}
.launchTravelClone{position:fixed!important;margin:0!important;pointer-events:none!important;transform-origin:center!important;filter:drop-shadow(0 0 24px #168cff66)!important;z-index:100001!important}
body.premiumRouteLeaving #content,body.premiumRouteLeaving .moduleHero{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
.classicTop,.bottomNav,.mobileMoreSheet,.actionDialog,.commandDialog,.editorDrawer{box-shadow:inset 0 1px 0 #ffffff08,0 18px 52px #0005}.classicActions>.badge{display:none!important}#pageSubtitle{letter-spacing:.005em}
.emptyPremium{min-height:126px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:7px!important;border:1px dashed #31506f!important;border-radius:18px!important;background:radial-gradient(circle at 50% 0,#123c6650,transparent 62%),linear-gradient(180deg,#091724,#07111c)!important;text-align:center!important;padding:22px!important}.emptyPremium:before{content:"";display:block;width:34px;height:34px;background:url("/assets/kronuvo-icon.svg") center/contain no-repeat;opacity:.78;filter:drop-shadow(0 0 18px #198cff55)}
.pageSkeleton{gap:14px!important}.skeletonHero{height:74px!important}.skeletonToolbar{height:52px!important}.skeletonTable{height:300px!important}.skeletonMini{height:16px!important;width:44%!important}.skeletonBox{box-shadow:inset 0 1px 0 #ffffff06}
@media(max-width:920px){.classicTop{border-bottom-color:#4f93c52e!important}.bottomNav{border-color:#5da8db38!important}.pageSkeleton .skeletonRow{grid-template-columns:1fr 1fr!important}.skeletonHero{height:84px!important}.skeletonTable{height:250px!important}}
@media(prefers-reduced-motion:reduce){body.premiumRouteLeaving #content,body.premiumRouteLeaving .moduleHero{transition:none!important;transform:none!important;filter:none!important}}


/* Kronuvo Commerce Dashboard vNext — executive premium */
body[data-module="dashboard"]{--dash-bg:#06090e;--dash-surface:#0b1119;--dash-surface-2:#0e1620;--dash-line:rgba(154,184,211,.12);--dash-line-strong:rgba(154,184,211,.2);--dash-muted:#8291a3;--dash-text:#f5f8fb;--dash-accent:#2693ff;--dash-positive:#58d6a9;--dash-negative:#ff7f8c;background:radial-gradient(circle at 70% -10%,rgba(37,115,188,.10),transparent 28%),linear-gradient(180deg,#06090e,#070b11 58%,#05080d)!important}
@media(min-width:921px){
 body[data-module="dashboard"] main{margin-left:232px!important;padding:28px 34px 84px!important}
 body[data-module="dashboard"] .classicTop{width:232px!important;height:164px!important;padding:20px 16px 14px!important;background:#080d14!important;border-right:1px solid rgba(151,183,211,.11)!important;box-shadow:none!important}
 body[data-module="dashboard"] .classicBrand img{width:146px!important}
 body[data-module="dashboard"] .classicCopy{margin-top:10px!important}
 body[data-module="dashboard"] .classicCopy .eyebrow{font-size:9px!important;letter-spacing:.13em!important;color:#64778b!important}
 body[data-module="dashboard"] .classicActions{margin-top:13px!important;gap:8px!important}
 body[data-module="dashboard"] #openCommand{min-height:44px!important;padding:10px 12px!important;border-radius:12px!important;background:#0d1825!important;border:1px solid rgba(117,160,199,.22)!important;color:#dce7f1!important;font-size:11px!important}
 body[data-module="dashboard"] .sidebarToggle{min-height:38px!important;padding:8px 11px!important;border-radius:11px!important;background:transparent!important;border:1px solid rgba(117,160,199,.14)!important;color:#7e91a5!important;font-size:9px!important}
 body[data-module="dashboard"] .nav{top:164px!important;width:232px!important;padding:14px 12px 24px!important;background:#080d14!important;border-right:1px solid rgba(151,183,211,.11)!important}
 body[data-module="dashboard"] .navGroup{margin:17px 10px 6px!important;color:#4f6173!important;font-size:8px!important;letter-spacing:.16em!important}
 body[data-module="dashboard"] .nav a{min-height:42px!important;padding:9px 10px!important;border-radius:10px!important;color:#899bad!important;font-size:11px!important;border:0!important}
 body[data-module="dashboard"] .nav a:hover{background:#0e1721!important;color:#dbe6ef!important;box-shadow:none!important}
 body[data-module="dashboard"] .nav a.active{background:#101c29!important;color:#f5f8fb!important;border:0!important;box-shadow:inset 3px 0 var(--dash-accent)!important}
 body[data-module="dashboard"] .navIcon{width:26px!important;height:26px!important;flex-basis:26px!important;border-radius:8px!important;background:#0c1a27!important;color:#6baee6!important}
}
body[data-module="dashboard"] #moduleHero{display:none!important}
body[data-module="dashboard"] .contextBar{margin:0 0 18px!important;min-height:52px!important;padding:7px 9px!important;border:1px solid var(--dash-line)!important;border-radius:16px!important;background:rgba(10,16,24,.82)!important;box-shadow:none!important;backdrop-filter:blur(18px) saturate(1.08)!important}
body[data-module="dashboard"] .contextItem{border-color:rgba(150,184,215,.11)!important;background:#0b141e!important;color:#8fa2b5!important}
body[data-module="dashboard"] .contextAction{background:transparent!important;border-color:rgba(150,184,215,.14)!important;color:#9eb0c1!important}
body[data-module="dashboard"] #content{max-width:1560px;margin:0 auto}
.dashboardPremiumIntro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px;align-items:stretch;margin-bottom:16px}
.dashboardWelcomeMain,.dashboardLivePanel{position:relative;overflow:hidden;border:1px solid var(--dash-line);border-radius:24px;background:linear-gradient(145deg,rgba(13,20,30,.98),rgba(7,12,19,.98));box-shadow:0 18px 60px rgba(0,0,0,.24)}
.dashboardWelcomeMain{padding:28px 30px 26px}
.dashboardWelcomeMain:after{content:"";position:absolute;right:-90px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(38,147,255,.12),transparent 68%);pointer-events:none}
.dashboardEyebrow{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#66b7ff}
.dashboardEyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#44d8ab;box-shadow:0 0 0 4px rgba(68,216,171,.08)}
.dashboardWelcomeMain h1{position:relative;z-index:1;margin:10px 0 7px;max-width:760px;font-size:clamp(34px,4.2vw,58px);line-height:.99;letter-spacing:-.052em;color:var(--dash-text)}
.dashboardWelcomeMain p{position:relative;z-index:1;max-width:720px;margin:0;color:#8e9cac;font-size:13px;line-height:1.6}
.dashboardWelcomeActions{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.dashboardWelcomeActions .btn{min-height:42px!important;padding:9px 14px!important;border-radius:11px!important}
.dashboardWelcomeActions .primary{background:#f4f7fb!important;color:#08111a!important}
.dashboardWelcomeActions .secondary{background:rgba(255,255,255,.025)!important;border-color:rgba(159,190,216,.15)!important;color:#a9b8c7!important}
.dashboardLivePanel{padding:20px}
.dashboardLiveHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--dash-line)}
.dashboardLiveHead span{display:block;color:#6f8294;font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:850}
.dashboardLiveHead strong{display:block;margin-top:4px;font-size:14px;color:#dce6ef}
.dashboardLiveState{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(67,210,164,.08);border:1px solid rgba(67,210,164,.18);color:#68ddb5;font-size:9px;font-weight:850}
.dashboardLiveState:before{content:"";width:6px;height:6px;border-radius:50%;background:#58d6a9}
.dashboardLiveRows{display:grid;gap:0;margin-top:5px}
.dashboardLiveRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 2px;border-bottom:1px solid rgba(154,184,211,.08)}
.dashboardLiveRow:last-child{border-bottom:0}
.dashboardLiveRow span{color:#738597;font-size:10px}
.dashboardLiveRow strong{font-size:15px;color:#edf3f8}
.dashboardLiveRow strong.ok{color:var(--dash-positive)!important}.dashboardLiveRow strong.bad{color:var(--dash-negative)!important}
.dashboardExecutive{margin-bottom:16px;padding:22px;border:1px solid var(--dash-line);border-radius:24px;background:#0a1017;box-shadow:0 16px 50px rgba(0,0,0,.2)}
.dashboardExecutiveHead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.dashboardExecutiveHead h2{margin:4px 0 3px;font-size:22px;letter-spacing:-.025em;color:#f2f6fa}
.dashboardExecutiveHead p{margin:0;color:#75879a;font-size:10px}
.dashboardExecutiveActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.dashboardExecutiveActions .btn,.dashboardExecutiveActions button{min-height:38px!important;padding:8px 11px!important;border-radius:10px!important;background:transparent!important;border-color:rgba(154,184,211,.15)!important;color:#94a7b9!important;font-size:9px!important}
.dashboardMetricBento{display:grid;grid-template-columns:minmax(0,1.55fr) repeat(2,minmax(190px,.72fr));gap:10px}
.dashboardMetricLead,.dashboardMetricCard{position:relative;overflow:hidden;min-height:154px;border:1px solid rgba(157,188,215,.11);border-radius:18px;background:#0c141d;padding:17px}
.dashboardMetricLead{background:linear-gradient(145deg,#0d1a27,#0a121b)}
.dashboardMetricLead:after{content:"";position:absolute;right:-60px;bottom:-90px;width:260px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(31,140,241,.13),transparent 67%)}
.dashboardMetricLabel{display:block;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#708397}
.dashboardMetricValue{display:block;margin-top:12px;font-size:34px;line-height:1;letter-spacing:-.045em;color:#f6f9fc}
.dashboardMetricCard .dashboardMetricValue{font-size:27px}
.dashboardMetricCard small,.dashboardMetricLead small{display:block;margin-top:7px;color:#738597;font-size:9px;line-height:1.45}
.dashboardMetricMeta{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:18px}
.dashboardMetricMeta .kpiTrend{margin:0!important;padding:0!important}
.dashboardMetricMeta .kpiTrend b{background:transparent!important;border:0!important;padding:0!important;min-height:0!important;font-size:9px!important}
.dashboardMetricMeta .salesSparkline{width:118px;height:40px;flex-basis:118px}
.dashboardMetricLead.salesTrendLead{grid-column:auto;padding:0!important;min-height:232px!important;background:linear-gradient(145deg,#0b1622,#09111a)!important;text-decoration:none!important;color:inherit!important}.dashboardMetricLead.salesTrendLead:after{display:none!important}.dashboardSalesLeadInner{display:grid;grid-template-columns:minmax(185px,.82fr) minmax(240px,1.18fr);gap:14px;min-height:232px}.dashboardSalesLeadCopy{display:flex;flex-direction:column;justify-content:space-between;padding:20px 0 16px 20px;min-width:0}.dashboardSalesValueRow{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.dashboardSalesValueRow .dashboardMetricValue{margin:0;font-size:38px}.dashboardSalesSub{max-width:190px;margin:0!important;color:#7f92a5!important;font-size:9px!important;line-height:1.45!important}.dashboardSalesTrendBadge{display:inline-flex;align-items:center;gap:5px;margin-top:9px;font-size:9px;font-weight:850}.dashboardSalesTrendBadge.ok{color:var(--dash-positive)}.dashboardSalesTrendBadge.bad{color:var(--dash-negative)}.dashboardSalesMicro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px}.dashboardSalesMicro div{padding:9px 10px;border:1px solid rgba(154,184,211,.1);border-radius:12px;background:rgba(6,12,18,.38);min-width:0}.dashboardSalesMicro span{display:block;color:#64788b;font-size:7px;letter-spacing:.08em;text-transform:uppercase}.dashboardSalesMicro strong{display:block;margin-top:4px;color:#dfe8f0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboardSalesChartSide{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:14px 14px 12px 0}.dashboardSalesChartLegend{display:flex;justify-content:flex-end;gap:12px;margin:0 5px 7px;color:#6f8295;font-size:8px}.dashboardSalesChartLegend span{display:inline-flex;align-items:center;gap:5px}.dashboardSalesLegendDot{width:6px;height:6px;border-radius:50%;background:#2c9cff;box-shadow:0 0 9px rgba(44,156,255,.45)}.dashboardSalesLegendDot.previous{background:#7d8c9e;box-shadow:none;opacity:.55}.dashboardSalesChart{position:relative;height:152px;border:1px solid rgba(154,184,211,.08);border-radius:15px;background:linear-gradient(180deg,rgba(5,11,17,.32),rgba(5,11,17,.08));overflow:visible}.dashboardSalesChart svg{display:block;width:100%;height:100%}.dashboardSalesChart .chartGrid{stroke:rgba(180,205,228,.07);stroke-width:1}.dashboardSalesChart .chartArea{fill:url(#dashboardSalesArea)}.dashboardSalesChart .chartPrevious{fill:none;stroke:rgba(147,164,181,.42);stroke-width:2;stroke-dasharray:5 6;stroke-linecap:round;stroke-linejoin:round}.dashboardSalesChart .chartCurrent{fill:none;stroke:#2c9cff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(44,156,255,.34))}.dashboardSalesChart .chartMarker{fill:#7cc8ff;stroke:#e2f3ff;stroke-width:1.5}.dashboardSalesChart .chartHit{fill:transparent;pointer-events:all;cursor:crosshair}.dashboardSalesAxis{display:flex;justify-content:space-between;padding:5px 4px 0;color:#566b7e;font-size:7px}.dashboardSalesTooltip{position:absolute;z-index:5;display:none;min-width:112px;padding:8px 9px;border:1px solid rgba(112,160,205,.25);border-radius:10px;background:rgba(6,12,18,.97);box-shadow:0 12px 32px rgba(0,0,0,.42);transform:translate(-50%,-108%);pointer-events:none}.dashboardSalesTooltip.show{display:block}.dashboardSalesTooltip.below{transform:translate(-50%,12%)}.dashboardSalesTooltip strong{display:block;color:#edf5fb;font-size:9px}.dashboardSalesTooltip span{display:block;margin-top:2px;color:#7f93a7;font-size:8px}.dashboardSalesChartEmpty{display:grid;place-items:center;height:100%;color:#667b8d;font-size:9px}
.dashboardMetricCard .ok,.dashboardFinanceItem .ok{color:var(--dash-positive)!important}.dashboardMetricCard .bad,.dashboardFinanceItem .bad{color:var(--dash-negative)!important}
.dashboardFinanceStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.dashboardFinanceItem{padding:12px 13px;border-top:1px solid rgba(154,184,211,.11);background:transparent}
.dashboardFinanceItem span{display:block;color:#687b8e;font-size:8px;text-transform:uppercase;letter-spacing:.1em}
.dashboardFinanceItem strong{display:block;margin-top:5px;font-size:16px;color:#e8eff6}
.dashboardFinanceItem small{display:block;margin-top:3px;color:#66798c;font-size:8px}
.dashboardIntelligenceGrid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:14px;margin-bottom:14px}
body[data-module="dashboard"] .decisionCenter{margin:0!important;padding:20px!important;border:1px solid var(--dash-line)!important;border-radius:22px!important;background:#0a1017!important;box-shadow:none!important}
body[data-module="dashboard"] .decisionHead{align-items:flex-end!important}
body[data-module="dashboard"] .decisionHead h2{font-size:19px!important}
body[data-module="dashboard"] .decisionHead p{font-size:10px!important}
body[data-module="dashboard"] .decisionHead .btn{background:transparent!important;border-color:rgba(154,184,211,.14)!important;color:#8ea1b3!important}
body[data-module="dashboard"] .decisionGrid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin-top:12px!important}
body[data-module="dashboard"] .decisionCard{display:grid!important;grid-template-columns:118px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:12px!important;min-height:0!important;padding:13px 2px!important;border:0!important;border-bottom:1px solid rgba(154,184,211,.09)!important;border-radius:0!important;background:transparent!important}
body[data-module="dashboard"] .decisionCard:last-child{border-bottom:0!important}
body[data-module="dashboard"] .decisionPriority{grid-row:1/3;align-self:center;font-size:8px!important;color:#6c8194!important}
body[data-module="dashboard"] .decisionCard strong{font-size:11px!important}
body[data-module="dashboard"] .decisionCard p{font-size:9px!important;line-height:1.4!important;margin-top:3px!important}
body[data-module="dashboard"] .decisionAction{grid-column:3;grid-row:1/3;align-self:center;margin:0!important;color:#72b9f5!important;font-size:9px!important}
body[data-module="dashboard"] .decisionCard.high .decisionPriority{color:#ff8d98!important}body[data-module="dashboard"] .decisionCard.medium .decisionPriority{color:#d9b469!important}
.dashboardSalesPanel{margin:0!important;padding:20px!important;border:1px solid var(--dash-line)!important;border-radius:22px!important;background:#0a1017!important;box-shadow:none!important}
.dashboardSalesPanel .pageHeader{margin-bottom:14px}
.dashboardSalesPanel .pageHeader h2{font-size:18px}
.dashboardSalesPanel .pageHeader p{font-size:10px}
.dashboardSalesPanel .pageHeader .btn{background:transparent!important;border-color:rgba(154,184,211,.14)!important;color:#8ea1b3!important}
.dashboardSalesPanel .miniBars{display:grid;gap:12px}
.dashboardSalesPanel .miniBarRow{grid-template-columns:minmax(90px,.9fr) minmax(100px,1.15fr) auto!important}
.dashboardSalesPanel .miniBarTrack{height:6px!important;background:#070c12!important;border-color:rgba(154,184,211,.08)!important}
.dashboardSalesPanel .miniBarFill{background:linear-gradient(90deg,#1a7ed4,#58c2ff)!important;box-shadow:none!important}
.dashboardSalesPanel .miniBarRow span,.dashboardSalesPanel .miniBarRow strong{font-size:9px!important}
.dashboardLowerGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.dashboardPanel{margin:0!important;padding:20px!important;border:1px solid var(--dash-line)!important;border-radius:22px!important;background:#0a1017!important;box-shadow:none!important;height:auto!important;min-height:0!important;display:flex;flex-direction:column;justify-content:flex-start;align-self:start}
.dashboardQuickList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;align-content:start}
.dashboardQuickLink{display:flex;align-items:center;gap:12px;min-height:86px;padding:14px 16px;border:1px solid rgba(154,184,211,.1);border-radius:16px;background:#0c141d;text-decoration:none;color:#e8eff5}
.dashboardQuickIcon{display:grid;place-items:center;width:40px;height:40px;min-width:40px;min-height:40px;flex:0 0 40px;border-radius:12px;background:#101f2e;color:#78bdf8;font-size:15px}
.dashboardQuickLink>div{min-width:0;display:flex;flex-direction:column;justify-content:center}.dashboardQuickLink strong{display:block;margin:0;font-size:11px;line-height:1.2}.dashboardQuickLink span{display:block;margin-top:4px;color:#6f8295;font-size:9px;line-height:1.35}
.dashboardSetupList{display:grid;gap:0;margin-top:10px}
.dashboardSetupRow{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(154,184,211,.08);text-decoration:none;color:#dfe8f0}
.dashboardSetupRow:last-child{border-bottom:0}.dashboardSetupDot{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#0e1d2a;color:#7895ad;font-size:10px}.dashboardSetupRow.done .dashboardSetupDot{background:rgba(70,210,166,.09);color:#62dbae}.dashboardSetupRow strong{display:block;font-size:10px}.dashboardSetupRow>div>span{display:block;margin-top:2px;color:#6e8296;font-size:8px}.dashboardSetupRow b{display:flex;align-items:center;justify-content:flex-end;min-width:44px;font-size:9px;color:#7bbdf4}
.dashboardReadiness{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.dashboardReadyPill{flex:1 1 110px;padding:10px 11px;border:1px solid rgba(154,184,211,.1);border-radius:12px;background:#0b131c}
.dashboardReadyPill span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#6d8296}.dashboardReadyPill strong{display:block;margin-top:4px;font-size:11px;color:#dce6ee}
body[data-module="dashboard"] .card:hover,body[data-module="dashboard"] .summaryCard:hover,body[data-module="dashboard"] .decisionCard:hover,body[data-module="dashboard"] .dashboardQuickLink:hover{transform:none!important}
@media(max-width:1100px){.dashboardPremiumIntro,.dashboardIntelligenceGrid{grid-template-columns:1fr}.dashboardMetricBento{grid-template-columns:1.25fr 1fr}.dashboardMetricLead{grid-column:1/-1}.dashboardFinanceStrip{grid-template-columns:1fr 1fr}.dashboardSalesLeadInner{grid-template-columns:minmax(230px,.8fr) minmax(360px,1.2fr)}}
@media(max-width:700px){
 body[data-module="dashboard"] #content{padding-bottom:4px}
 body[data-module="dashboard"] .contextBar{margin:8px 0 12px!important}
 .dashboardPremiumIntro{display:block;margin-bottom:12px}.dashboardWelcomeMain{padding:20px 18px 18px;border-radius:20px}.dashboardWelcomeMain h1{font-size:34px;max-width:92%}.dashboardWelcomeMain p{font-size:11px;max-width:94%}.dashboardWelcomeActions{margin-top:15px;display:grid;grid-template-columns:1fr 1fr}.dashboardWelcomeActions .btn:first-child{grid-column:1/-1}.dashboardLivePanel{margin-top:10px;padding:14px;border-radius:18px}.dashboardLiveRows{grid-template-columns:1fr 1fr;gap:0 10px}.dashboardLiveRow{display:block;padding:10px 0}.dashboardLiveRow strong{display:block;margin-top:3px;font-size:14px}
 .dashboardExecutive{padding:15px;border-radius:20px}.dashboardExecutiveHead{display:block}.dashboardExecutiveActions{justify-content:flex-start;margin-top:10px}.dashboardMetricBento{grid-template-columns:1fr 1fr}.dashboardMetricLead{grid-column:1/-1;min-height:145px}.dashboardMetricCard{min-height:118px;padding:13px}.dashboardMetricValue{font-size:29px}.dashboardMetricCard .dashboardMetricValue{font-size:22px}.dashboardMetricMeta .salesSparkline{width:96px;flex-basis:96px}.dashboardSalesLeadInner{grid-template-columns:1fr;gap:0;min-height:0}.dashboardSalesLeadCopy{padding:17px 16px 10px}.dashboardSalesValueRow .dashboardMetricValue{font-size:34px}.dashboardSalesSub{max-width:none}.dashboardSalesMicro{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.dashboardSalesChartSide{padding:8px 12px 13px}.dashboardSalesChart{height:158px}.dashboardSalesChartLegend{justify-content:flex-start}.dashboardFinanceStrip{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none}.dashboardFinanceStrip::-webkit-scrollbar{display:none}.dashboardFinanceItem{flex:0 0 142px;padding:11px;border:1px solid rgba(154,184,211,.09);border-radius:13px}
 .dashboardIntelligenceGrid{display:block}.dashboardSalesPanel{margin-top:12px!important}.dashboardLowerGrid{grid-template-columns:1fr}.dashboardQuickList{grid-template-columns:1fr 1fr}.dashboardPanel{padding:15px;border-radius:19px}
 body[data-module="dashboard"] .decisionCard{grid-template-columns:92px minmax(0,1fr)!important}.dashboardSalesPanel .miniBarRow{grid-template-columns:minmax(86px,.9fr) minmax(80px,1fr) auto!important}
}
@media(max-width:370px){.dashboardMetricBento,.dashboardQuickList{grid-template-columns:1fr}.dashboardMetricLead{grid-column:auto}.dashboardWelcomeActions{grid-template-columns:1fr}.dashboardWelcomeActions .btn:first-child{grid-column:auto}}


/* Touch target hardening v42 */
#content a:not(.btn):not(.moduleLink):not(.decisionCard):not(.marketAddon):not(.commandItem){display:inline-flex;align-items:center;min-height:32px;min-width:32px}
.moduleBreadcrumb a{min-width:36px!important}
.navGroupToggle{min-height:36px!important;padding-top:7px!important;padding-bottom:7px!important}

.dailySummaryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}.dailyCard{border:1px solid #284d70;background:linear-gradient(155deg,#0a2034,#071522);border-radius:16px;padding:14px}.dailyCard span{display:block;color:#7f98b2;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.dailyCard strong{display:block;margin-top:5px;font-size:22px}.dailyCard small{display:block;margin-top:5px;color:#8aa0b9;font-size:10px}.dailyNuvu{border:1px solid #2c7dbc;background:radial-gradient(circle at 85% 0,#168aff24,transparent 34%),linear-gradient(155deg,#092641,#071522);border-radius:20px;padding:18px;margin-bottom:13px}.dailyNuvu h2{margin:5px 0 6px}.dailyNuvu p{margin:0;color:#9fb4ca;line-height:1.55}.dailyActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.dailyList{display:grid;gap:9px}.dailyStep{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #254866;background:#071724;border-radius:14px;padding:12px}.dailyStep.done{border-color:#21624b}.dailyStep.warn{border-color:#755c2e;background:#191506}.dailyStep.bad{border-color:#7b3d45;background:#201116}.dailyStepIcon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#0d2a46;color:#8fd0ff;font-weight:950}.dailyStep.done .dailyStepIcon{background:#0c3327;color:#9ff0bf}.dailyStep.warn .dailyStepIcon{background:#3a2d12;color:#ffd47d}.dailyStep.bad .dailyStepIcon{background:#3a1720;color:#ffacb2}.dailyStep strong{display:block;font-size:13px}.dailyStep span{display:block;margin-top:3px;color:#91a7bd;font-size:10px;line-height:1.45}.closeFlow{display:grid;gap:9px}.closeStep{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #274a6b;background:#081827;border-radius:14px;padding:11px}.closeStep.done{border-color:#245f4b}.simpleModeBanner{border:1px solid #2b628f;background:linear-gradient(135deg,#082642,#071522);border-radius:16px;padding:14px;margin:13px 0}.simpleModeBanner strong{display:block}.simpleModeBanner span{display:block;margin-top:4px;color:#8da5bf;font-size:10px;line-height:1.45}.experienceHidden{display:none!important}.experienceModeNotice{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:10px 12px;border:1px solid #2b6a9b;border-radius:14px;background:linear-gradient(100deg,#0a2237,#071522);color:#d7eafd}.experienceModeNotice strong{font-size:12px}.experienceModeNotice span{display:block;color:#8ea7c2;font-size:10px;margin-top:2px}.nextActionResult{margin-top:12px;border:1px solid #2c6c9e;border-radius:14px;background:#071827;padding:12px}.nextActionResult strong{display:block;font-size:12px}.nextActionResult span{display:block;margin-top:4px;color:#93abc2;font-size:10px}.nextActionResult.ok{border-color:#277354}.nextActionResult.bad{border-color:#7b3d45}@media(max-width:720px){.experienceModeNotice{align-items:flex-start;flex-direction:column}.experienceModeNotice .actions{width:100%}.experienceModeNotice .actions>*{flex:1}}.clientSimpleMode .nav a[href="/purchases"],.clientSimpleMode .nav a[href="/customers"],.clientSimpleMode .nav a[href="/ecommerce"],.clientSimpleMode .nav a[href="/settings"],.clientSimpleMode .nav a[href="/automations"],.clientSimpleMode .nav a[href="/extras"],.clientSimpleMode .nav a[href="/marketplace"],.clientSimpleMode .nav a[href="/plans"],.clientSimpleMode .nav a[href="/observability"],.clientSimpleMode .nav a[href="/audit"],.clientSimpleMode .mobileMoreGrid a[href="/purchases"],.clientSimpleMode .mobileMoreGrid a[href="/customers"],.clientSimpleMode .mobileMoreGrid a[href="/ecommerce"],.clientSimpleMode .mobileMoreGrid a[href="/settings"],.clientSimpleMode .mobileMoreGrid a[href="/automations"],.clientSimpleMode .mobileMoreGrid a[href="/extras"],.clientSimpleMode .mobileMoreGrid a[href="/marketplace"],.clientSimpleMode .mobileMoreGrid a[href="/plans"],.clientSimpleMode .mobileMoreGrid a[href="/observability"]{display:none!important}.trainingHero{border:1px solid #2d6da2;background:radial-gradient(circle at 90% 0,#238dff25,transparent 34%),linear-gradient(150deg,#092846,#071522);border-radius:22px;padding:20px;margin-bottom:13px}.trainingHero h2{margin:4px 0 7px}.trainingHero p{color:#9db3cc;line-height:1.55}.trainingTrackGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trainingTrack{border:1px solid #284865;background:#071724;border-radius:18px;padding:15px;display:grid;gap:9px}.trainingTrack.active{border-color:#2b83c4;background:linear-gradient(160deg,#09223a,#071522)}.trainingTrack strong{font-size:15px}.trainingTrack span{color:#8ea4ba;font-size:11px;line-height:1.45}.trainingSteps{display:grid;gap:10px}.trainingStep{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #263f5d;background:#071421;border-radius:15px;padding:12px}.trainingStep.done{border-color:#20644f}.trainingStepNum{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#0d2a46;color:#91d4ff;font-weight:950}.trainingStep.done .trainingStepNum{background:#0b3327;color:#9ff0c0}.trainingStep small{display:block;color:#879eb5;margin-top:3px;line-height:1.45}.trainingProgress{height:9px;border:1px solid #284968;background:#06111d;border-radius:999px;overflow:hidden}.trainingProgress i{display:block;height:100%;background:linear-gradient(90deg,#198cff,#68d7ff,#62e6b1);width:0}.rolePillBar{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.rolePillBar button.active{background:#173d63;border-color:#3a88c7;color:#fff}.trainingCoach{border:1px solid #315777;background:linear-gradient(160deg,#0a243b,#071522);border-radius:18px;padding:15px}.trainingCoach li{margin-bottom:8px;color:#9bb0c7}.trainingActionResult{margin-top:10px;border:1px solid #2d6b91;border-radius:13px;background:#071d30;padding:10px;color:#aee1ff;font-size:12px}@media(max-width:900px){.trainingTrackGrid{grid-template-columns:1fr}.trainingStep{grid-template-columns:auto minmax(0,1fr)}.trainingStep .btn{grid-column:1/-1;width:100%;text-align:center}}.nuvuInline .contextHelpLinks{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.nuvuInline .contextHelpLinks a,.nuvuInline .contextHelpLinks button{min-height:32px!important;font-size:9px!important;padding:6px 9px!important}@media(max-width:860px){.dailySummaryGrid{grid-template-columns:1fr 1fr}.dailyStep,.closeStep{grid-template-columns:auto minmax(0,1fr)}.dailyStep .btn,.closeStep .btn{grid-column:1/-1;width:100%;text-align:center}.dailyActions>*{flex:1 1 100%}}@media(max-width:520px){.dailySummaryGrid{grid-template-columns:1fr}.dailyCard strong{font-size:20px}}

/* Training Center v2 */
.trainingHeroV2{padding:24px;overflow:hidden;background:radial-gradient(circle at 88% 0,#238dff35,transparent 32%),linear-gradient(145deg,#0a2b4a,#071522 64%);box-shadow:0 18px 55px #0005}
.trainingHeroGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px;align-items:end}.trainingHeroV2 h2{font-size:clamp(25px,3.2vw,38px);letter-spacing:-.03em}
.trainingHeroActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.trainingProgressWrap{display:grid;gap:7px;padding:14px;border:1px solid #2e5f88;background:#061828b8;border-radius:16px}
.trainingProgressHead{display:flex;justify-content:space-between;gap:10px;color:#8ea8c2;font-size:11px}.trainingProgressHead strong{font-size:20px;color:#fff}
.trainingStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 13px}.trainingStat{border:1px solid #284761;background:#071421;border-radius:16px;padding:13px}
.trainingStat span{display:block;color:#7f98b2;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.trainingStat strong{display:block;margin-top:5px;font-size:20px}.trainingStat small{display:block;color:#8ba2b9;margin-top:3px}
.trainingPathLayout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.45fr);gap:12px;align-items:start}.trainingStepV2{align-items:start;padding:15px}.trainingStepActions{display:flex;gap:7px;flex-wrap:wrap}
.trainingStepGuide{grid-column:2/-1;display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.trainingStepV2.open .trainingStepGuide{display:grid}.trainingGuideItem{border:1px solid #294864;background:#081a2a;border-radius:12px;padding:10px}
.trainingGuideItem b{display:block;color:#d8ecff;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.trainingGuideItem span{display:block;color:#90a8bf;font-size:10px;line-height:1.45}
.trainingVisual{grid-column:2/-1;display:none;border:1px solid #2d5778;border-radius:15px;background:#06121e;overflow:hidden}.trainingStepV2.open .trainingVisual{display:block}
.trainingVisualBar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#0a1e30;border-bottom:1px solid #27435e}.trainingVisualBar i{width:7px;height:7px;border-radius:99px;background:#47647d}.trainingVisualBar span{margin-left:4px;color:#9fc2df;font-size:10px}
.trainingVisualBody{display:grid;grid-template-columns:92px 1fr;min-height:120px}.trainingVisualNav{padding:10px;border-right:1px solid #243d55;display:grid;gap:6px;align-content:start}.trainingVisualNav span{height:9px;border-radius:6px;background:#17324a}.trainingVisualNav span:nth-child(2){background:#2f8bd1}
.trainingVisualCanvas{padding:12px;display:grid;gap:8px}.trainingVisualHero{height:24px;border-radius:9px;background:linear-gradient(90deg,#113b60,#0d2943)}.trainingVisualRows{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.trainingVisualRows i{height:38px;border:1px solid #244b69;border-radius:9px;background:#0a1e30}.trainingVisualRows i:nth-child(2){border-color:#41a8f5;background:#0d2c49}
.trainingVisualHint{padding:8px 10px;border-radius:10px;background:#0c2b45;color:#a9d7f8;font-size:10px}.trainingCoachV2{position:sticky;top:88px}.trainingCoachBlock{padding:11px 0;border-top:1px solid #264763}.trainingCoachBlock:first-child{border-top:0}.trainingCoachBlock span,.trainingCoachBlock li{font-size:10px;line-height:1.5;color:#96adc3}
.trainingLibraryHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;flex-wrap:wrap}.trainingLibrarySearch{width:min(420px,100%);min-height:42px}.trainingModuleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.trainingModuleCard{border:1px solid #284762;background:#071421;border-radius:16px;padding:13px;display:grid;gap:9px;min-height:172px}.trainingModuleCard.hidden{display:none}.trainingModuleTop{display:flex;justify-content:space-between;align-items:center}.trainingModuleIcon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#0d2d4b;color:#9bd8ff}
.trainingModuleTime{font-size:9px;color:#7f99b2;border:1px solid #2c4962;border-radius:999px;padding:4px 7px}.trainingModuleCard h3{margin:0;font-size:14px}.trainingModuleCard p{margin:0;color:#8fa7bd;font-size:10px;line-height:1.5}.trainingModuleActions{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.trainingModuleActions>*{flex:1;min-width:100px;text-align:center}
.trainingDemoDialog{width:min(720px,calc(100vw - 24px));border:1px solid #356589;border-radius:20px;background:#06131f;color:#edf7ff;padding:0}.trainingDemoDialog::backdrop{background:#02070dbd;backdrop-filter:blur(6px)}.trainingDemoHead{display:flex;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid #29465f;background:#0a2137}.trainingDemoBody{padding:18px}.trainingDemoStep{border:1px solid #2b516f;border-radius:16px;background:#071827;padding:15px}.trainingDemoProgress{height:7px;border-radius:999px;background:#06101a;overflow:hidden;border:1px solid #294761;margin:12px 0}.trainingDemoProgress i{display:block;height:100%;background:linear-gradient(90deg,#1e90ff,#70d8ff,#65e9b6)}
@media(max-width:1100px){.trainingPathLayout,.trainingHeroGrid{grid-template-columns:1fr}.trainingCoachV2{position:static}.trainingModuleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.trainingStats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.trainingHeroV2{padding:17px}.trainingStats,.trainingModuleGrid{grid-template-columns:1fr}.trainingStepV2{grid-template-columns:auto minmax(0,1fr)}.trainingStepActions,.trainingStepGuide,.trainingVisual{grid-column:1/-1}.trainingStepActions>*{flex:1}.trainingStepGuide{grid-template-columns:1fr}.trainingHeroActions>*{flex:1 1 140px}.trainingLibrarySearch{width:100%}}


/* camera-unified-final-v56 */
body[data-module] .commerceCameraButton,.commerceCameraButton,#openScanner.commerceCameraButton,#systemCameraFallback.commerceCameraButton,#createGuides.commerceCameraButton{--ai-photo-progress:0%;position:relative;isolation:isolate;overflow:hidden;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:54px!important;padding:8px 18px 8px 10px!important;border:1px solid rgba(92,223,229,.68)!important;border-radius:18px!important;background:radial-gradient(circle at 18% 0,rgba(87,224,234,.20),transparent 36%),linear-gradient(180deg,#092535,#071621)!important;color:#f3fcff!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 10px 30px rgba(30,188,205,.16)!important;font-weight:900!important;letter-spacing:-.01em!important;text-shadow:none!important;filter:none!important;transition:border-color .16s ease,box-shadow .16s ease,transform .12s ease!important}
body[data-module] .commerceCameraButton:before,.commerceCameraButton:before,#openScanner.commerceCameraButton:before,#systemCameraFallback.commerceCameraButton:before,#createGuides.commerceCameraButton:before{content:""!important;width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:14px!important;border:1px solid rgba(107,237,242,.58)!important;background-color:#0a2b34!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238ff5f8' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l1.5-2h7L17 8h3v10H4z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:20px 20px!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 22px rgba(83,224,232,.15)!important}
body[data-module] .commerceCameraButton:hover,.commerceCameraButton:hover,#openScanner.commerceCameraButton:hover,#systemCameraFallback.commerceCameraButton:hover,#createGuides.commerceCameraButton:hover{border-color:rgba(128,246,250,.88)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 14px 38px rgba(39,205,218,.22)!important;transform:translateY(-1px)!important}
body[data-module] .commerceCameraButton:active,.commerceCameraButton:active,#openScanner.commerceCameraButton:active,#systemCameraFallback.commerceCameraButton:active,#createGuides.commerceCameraButton:active{transform:scale(.985)!important}
body[data-module] .commerceCameraButton.aiPhotoProgress,.commerceCameraButton.aiPhotoProgress,#openScanner.commerceCameraButton.aiPhotoProgress,#createGuides.commerceCameraButton.aiPhotoProgress{background:linear-gradient(90deg,rgba(68,211,222,.28),rgba(89,230,238,.14)) left/var(--ai-photo-progress) 100% no-repeat,radial-gradient(circle at 18% 0,rgba(87,224,234,.20),transparent 36%),linear-gradient(180deg,#092535,#071621)!important;border-color:rgba(105,235,240,.82)!important}
@media(max-width:700px){body[data-module] .commerceCameraButton,.commerceCameraButton,#openScanner.commerceCameraButton,#systemCameraFallback.commerceCameraButton,#createGuides.commerceCameraButton{min-height:64px!important;border-radius:22px!important;padding:10px 18px 10px 12px!important}body[data-module] .commerceCameraButton:before,.commerceCameraButton:before,#openScanner.commerceCameraButton:before,#systemCameraFallback.commerceCameraButton:before,#createGuides.commerceCameraButton:before{width:50px!important;height:50px!important;flex-basis:50px!important;border-radius:16px!important}}


/* mobile-safe-bottom-v58 */
@media(max-width:700px){
 body[data-module] main{padding-bottom:calc(128px + env(safe-area-inset-bottom))!important}
 body[data-module] #content{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
 body[data-module] .bottomNav{z-index:160!important;background:rgba(7,12,18,.985)!important}
 body[data-module] .inventoryQuickMobile{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;gap:8px!important}
 body[data-module] .inventoryQuickMobile button{width:100%!important;min-width:0!important;justify-content:flex-start!important}
}

.supportConversation{display:grid;gap:8px;padding:10px;border:1px solid #21496d;background:#071522;border-radius:12px;max-height:360px;overflow:auto}
.supportChatMsg{display:grid;gap:4px;max-width:86%;padding:9px 11px;border-radius:12px;border:1px solid #28547c;background:#0a1d31}
.supportChatMsg strong{font-size:10px;color:#8fb4d8}.supportChatMsg span{font-size:12px;line-height:1.48;color:#dce9f7;white-space:pre-wrap}
.supportChatMsg.customer{justify-self:end;background:#0d3155;border-color:#2d75b7}.supportChatMsg.nuvu{justify-self:start}
.supportConversationActions{border-top:1px solid #1d4263;padding-top:10px}.supportReplyText{resize:vertical;min-height:76px}
@media(max-width:600px){.supportChatMsg{max-width:96%}.supportConversation{max-height:300px}}
/* Global UI consistency pass */
.card,.dashboardPanel,.settingsStatusCard,.flowCard,.quotaCard,.obsCard,.forecastCard,.exceptionCard{box-sizing:border-box}
.pageHeader{align-items:flex-start!important}
.pageHeader>div{min-width:0}
.btn,.badge,.chip,.statusPill,.dashboardReadyPill strong,.dashboardSetupRow b{align-items:center}
.settingsStatusCard,.flowCard,.quotaCard,.obsCard,.forecastCard,.exceptionCard{height:auto;min-height:0;align-self:start}