:root{font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;color:#f7f5ff;color-scheme:dark;--base:#100e27;--panel:#211e40;--panel2:#2c2751;--muted:#bbb5d7;--stroke:rgba(255,255,255,.12);--purple:#9774ff;--mint:#29e9d1;--coral:#ffab7c;--shadow:0 17px 45px #06031755;--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#100e27;background-image:radial-gradient(circle at 84% 0%,#422478bb 0,transparent 37%),radial-gradient(circle at 0% 18%,#07586f78 0,transparent 32%),radial-gradient(circle at 58% 98%,#43246a88,transparent 38%);background-attachment:fixed}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{border:1px solid #ffffff25;background:#141329;color:#fff;width:100%;border-radius:13px;padding:12px 14px;outline:none;min-height:44px}input:focus,select:focus,textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #9774ff22}textarea{resize:vertical;min-height:70px}input[type=file]{padding:10px;font-size:12px}input::placeholder,textarea::placeholder{color:#918bac}input[type=date]{color-scheme:dark}a{color:var(--mint);text-decoration:none}label{color:#d9d5ef;font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:7px;min-width:0}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Outfit,system-ui,sans-serif}h1{font-size:clamp(27px,4vw,38px);letter-spacing:-1px}h2{font-size:21px;letter-spacing:-.4px}h3{font-size:16px}p{line-height:1.5}.sub,.muted{color:var(--muted)}.tiny{font-size:11px;color:var(--muted)}.app{display:flex;min-height:100vh}.sidebar{width:242px;flex-shrink:0;border-right:1px solid var(--stroke);background:#100f2d91;backdrop-filter:blur(18px);padding:26px 15px;position:sticky;top:0;max-height:100vh;overflow-y:auto}.logo-wrap{display:flex;gap:12px;align-items:center;padding:5px 7px 26px}.logo-gem,.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#b79cff,#6b4deb 55%,#3526a5);box-shadow:inset 0 3px 2px #ffffff6f,0 8px 22px #865fff80;color:#fff;font-size:23px;flex-shrink:0}.logo-wrap strong{font-size:15px;display:block;font-weight:900;letter-spacing:.3px}.logo-wrap small{display:block;font-size:10px;color:#b9afdb;margin-top:4px}.sidebar-nav{display:grid;gap:5px}.nav-link{background:transparent;border:0;text-align:left;color:#c5c1e5;display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:15px;font-size:13px;font-weight:700;width:100%;transition:.2s}.nav-link:hover,.nav-link.active{color:#fff;background:linear-gradient(102deg,#764dee77,#23bfc536);box-shadow:inset 0 1px #ffffff38}.nav-link .nav-emoji{font-size:19px;width:26px;text-align:center}.workspace{flex:1;min-width:0;padding:20px 26px 120px;max-width:1650px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 0 22px}.top-left{display:flex;align-items:center;gap:10px}.top-left .overline{display:block;text-transform:uppercase;letter-spacing:2px;font-size:10px;color:#c4addf;font-weight:800}.top-left .shopname{font:800 19px Outfit}.top-right{display:flex;align-items:center;gap:9px}.avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#7951ea,#06a8a8);font-size:17px;font-weight:900}.icon-button{border:1px solid #ffffff2e;color:#fff;background:#ffffff15;padding:10px;border-radius:14px;min-width:38px}.hero{border-radius:30px;background:linear-gradient(117deg,#6937d9 0%,#4135aa 50%,#087d96 112%);box-shadow:0 24px 49px #140c4280,inset 0 1px #ffffff70,inset 0 -3px 12px #100e6a88;position:relative;overflow:hidden;isolation:isolate;padding:30px 32px;display:flex;justify-content:space-between;gap:10px}.hero::after{content:'✦';position:absolute;font-size:250px;color:#ffffff13;right:-18px;top:-110px;transform:rotate(-15deg);z-index:-1}.hero h1{margin:0 0 8px;line-height:1.06}.hero p{margin:0;color:#f5eefe;max-width:490px}.hero .big-gem{font-size:92px;filter:drop-shadow(0 13px 3px #160d5266);transform:rotate(-14deg);align-self:center}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#d5c0ff;font-weight:900}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0 14px}.section-head h2,.section-head h3{margin:0}.quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.quick-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:15px;text-align:left;border-radius:24px;padding:16px;min-height:138px;color:#fff;border:1px solid #ffffff36;background:linear-gradient(153deg,var(--tileA),var(--tileB));box-shadow:inset 0 2px #ffffff3a,0 8px 1px #09071b75,0 15px 21px #0004;transition:transform .18s,box-shadow .18s;overflow:hidden}.quick-tile::after{content:'';width:100px;height:100px;border-radius:50%;position:absolute;right:-42px;top:-42px;background:#ffffff17;box-shadow:0 0 32px #fff2}.quick-tile:hover{transform:translateY(-4px);box-shadow:inset 0 2px #ffffff3a,0 13px 1px #09071b75,0 18px 23px #0004}.quick-tile:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffff3a,0 3px 1px #09071b75}.quick-icon{font-size:34px;background:#ffffff25;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;box-shadow:inset 0 2px 3px #fff6,inset 0 -4px 9px #0002;filter:drop-shadow(0 7px 3px #0002)}.quick-label{font:800 13px Outfit;line-height:1.15;position:relative;z-index:2}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric{padding:20px;border:1px solid var(--stroke);border-radius:24px;background:linear-gradient(141deg,#353052b8,#211c3ac9);box-shadow:var(--shadow),inset 0 1px #ffffff19;position:relative;overflow:hidden}.metric .amount{font:900 clamp(20px,2.4vw,30px) Outfit;letter-spacing:-.7px;white-space:nowrap}.metric .label{font-size:11px;color:#c5bfdd;margin-top:8px;font-weight:800;letter-spacing:.4px}.metric .decor{position:absolute;right:11px;top:12px;font-size:24px;opacity:.9}.metric.mint .amount{color:#60fce0}.metric.orange .amount{color:#ffc37a}.metric.pink .amount{color:#ff9bbd}.panel{background:linear-gradient(145deg,#282444de,#1c1b39f0);border:1px solid #ffffff20;box-shadow:var(--shadow),inset 0 1px #ffffff14;border-radius:25px;padding:22px;min-width:0}.panel h3{margin-bottom:16px}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.columns-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.columns-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid>.wide{grid-column:1/-1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:14px;border:1px solid #ffffff2a;min-height:43px;padding:10px 17px;font-weight:900;background:#ffffff13;color:#f9f8ff;white-space:nowrap;transition:.15s;font-size:13px}.btn:hover{filter:brightness(1.13);transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn.primary,.primary-button{background:linear-gradient(115deg,#8052f8,#514bdc);box-shadow:0 6px 14px #4735b662,inset 0 2px #ffffff41;color:#fff;border-color:#ffffff44}.btn.mint{background:linear-gradient(115deg,#19bdad,#128d90);border:1px solid #ffffff29;box-shadow:0 6px 12px #079e8970}.btn.coral{background:linear-gradient(115deg,#e97897,#ab4c8c)}.btn.warn{background:linear-gradient(110deg,#ec8e65,#ca595a)}.btn.sm{min-height:34px;padding:7px 10px;font-size:11px;border-radius:10px}.btn.ghost{background:#ffffff0b}.btn.full{width:100%}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;margin:0 0 16px}.toolbar-row input{max-width:340px}.data-wrap{overflow-x:auto;border-radius:14px;border:1px solid #ffffff19}.data-table{border-collapse:collapse;width:100%;font-size:12px;min-width:590px}.data-table th,.data-table td{padding:12px 13px;text-align:left;border-bottom:1px solid #ffffff13;vertical-align:middle}.data-table th{background:#ffffff0b;color:#bcb4dd;font-size:10px;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}.data-table tbody tr:hover{background:#ffffff08}.data-table td{color:#e7e3f5}.badge{padding:5px 8px;border-radius:30px;background:#9873f82b;color:#c8adff;font-size:10px;font-weight:900;display:inline-block}.badge.green{background:#1adaaa32;color:#65f5cd}.badge.amber{background:#ffa45927;color:#ffc17b}.badge.red{background:#ff6e9e30;color:#ff9dbd}.prod-thumb{width:42px;height:42px;object-fit:cover;border-radius:12px;background:#ffffff12;vertical-align:middle}.prod-mini{display:flex;align-items:center;gap:10px}.prod-txt{display:flex;flex-direction:column;gap:4px}.prod-txt small{color:var(--muted);font-size:10px}.pos-grid{display:grid;grid-template-columns:1fr minmax(285px,350px);gap:17px}.product-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.prod-card{background:#ffffff0b;color:#fff;min-height:126px;border:1px solid #ffffff18;padding:11px;border-radius:17px;display:flex;gap:11px;align-items:center;text-align:left;min-width:0}.prod-card:hover{border-color:#8b73f7}.prod-card img,.prod-card .placeholder{width:68px;height:80px;object-fit:cover;border-radius:12px;background:#ffffff12;display:grid;place-items:center;font-size:31px;flex-shrink:0}.prod-card .pname{font-size:12px;font-weight:800;line-height:1.25}.prod-card .pprice{font-size:14px;color:var(--mint);font-weight:900;margin-top:7px}.cart-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--stroke);padding:11px 0}.cart-row strong{font-size:12px}.cart-step{display:flex;align-items:center;gap:9px;margin-top:6px}.step-btn{border:0;background:#6955a0;color:white;width:28px;height:26px;border-radius:9px}.cart-total{font:900 28px Outfit}.divider{border:0;border-top:1px solid var(--stroke);margin:15px 0}.empty{text-align:center;padding:24px;color:var(--muted);font-size:13px}.search-box{position:relative}.search-box input{padding-left:37px}.search-box::before{content:'⌕';font-size:25px;position:absolute;left:11px;top:7px;color:#a99dbb}.bottom-nav{display:none}.modal-backdrop{position:fixed;inset:0;background:#060410cc;backdrop-filter:blur(7px);z-index:50;display:flex;justify-content:center;align-items:center;padding:14px}.modal-box{width:min(550px,100%);background:linear-gradient(148deg,#302853,#191833);border-radius:28px;border:1px solid #ffffff38;box-shadow:0 32px 80px #0009;max-height:min(90dvh,850px);overflow-y:auto;padding:23px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h2{margin:0}.modal-close{border:0;background:#ffffff1a;color:white;border-radius:12px;padding:6px 10px;font-size:22px}.toast{position:fixed;top:22px;right:20px;z-index:90;padding:14px 20px;border:1px solid #ffffff3b;background:linear-gradient(115deg,#38316c,#146c77);box-shadow:0 15px 30px #0008;border-radius:15px;max-width:360px;font-size:13px;font-weight:700}.toast.bad{background:linear-gradient(115deg,#8d3262,#532146)}.loading{opacity:.65;pointer-events:none}.auth-bg{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:18px}.auth-card,.setup-card{background:linear-gradient(145deg,#29224aee,#19152feb);border:1px solid #ffffff30;box-shadow:0 25px 70px #03011696;border-radius:30px;width:min(435px,100%);padding:34px}.auth-card .logo-gem{margin-bottom:20px}.auth-card h1{margin:0}.auth-card p{margin-bottom:26px}.auth-card form{display:grid;gap:17px}.hint{font-size:11px;color:#b3a9ca;margin:20px 0 0}.error-message{padding:12px 14px;border:1px solid #f06caa77;background:#f06caa29;border-radius:12px;font-size:12px}.installer{padding:28px 14px;display:block}.setup-card{width:min(700px,100%);margin:0 auto}.setup-card>.brand-mark{margin-bottom:16px}.install-status{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.mini-chip{background:#24b59c20;color:#80f8d7;border-radius:30px;padding:7px 10px;font-size:10px}.mini-chip.bad{background:#c2445c30;color:#ff9aac}.setup-form{display:grid;gap:15px}.setup-form h3{color:#bbaaef;border-bottom:1px solid #ffffff24;padding-bottom:8px;margin:15px 0 0}.setup-form>.field-row{display:grid;grid-template-columns:1fr 110px;gap:12px}.primary-button{display:block;border-radius:16px;padding:16px 18px;font-weight:800;border:0;margin-top:12px}.state-hint{display:flex;gap:10px;align-items:center;padding:13px 15px;border:1px solid #6e65dd55;background:#56439f24;border-radius:15px;color:#d8d2f1;font-size:12px;margin:12px 0 18px}.shortcut-scroll{overflow-x:auto;padding-bottom:10px}.shortcut-scroll::-webkit-scrollbar{height:4px}.shortcut-scroll::-webkit-scrollbar-thumb{background:#6c6095;border-radius:5px}.small-quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.mini-bars{display:flex;align-items:end;gap:8px;height:138px;border-bottom:1px solid #ffffff22;padding-top:12px}.bar-cell{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:end;height:100%;gap:6px}.bar-col{width:100%;max-width:32px;border-radius:10px 10px 3px 3px;background:linear-gradient(#5df7d7,#7763ec);box-shadow:0 1px 10px #52edd456;min-height:3px}.bar-label{font-size:10px;color:#aaa0d2}.profit-chip{color:#6cf1d3}.head-note{font-size:11px;color:#a8a2c2}.scanner-frame{width:100%;min-height:190px;max-height:300px;background:#0f1027;border:2px dashed #64d8d3;border-radius:16px;overflow:hidden}.scanner-frame video{width:100%;height:auto}.scanner-controls{display:flex;gap:9px;flex-wrap:wrap}.receipt-links{display:flex;flex-wrap:wrap;gap:7px}.stat-line{display:flex;justify-content:space-between;gap:10px;margin:10px 0;font-size:13px}.stat-line strong{font-family:Outfit;font-size:16px}.clickable{cursor:pointer}.danger-text{color:#ffb0d0}.info-card{border:1px solid #ffffff23;background:#ffffff0b;padding:16px;border-radius:16px;font-size:12px;color:#ded7f6}.loading-spot{padding:30px;text-align:center;color:#a8a2d1}.tiny-rule{height:1px;background:#ffffff16;margin:8px 0}
@media(max-width:1200px){.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-results{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:20px 16px 115px}}@media(max-width:900px){.sidebar{display:none}.workspace{width:100%;padding:15px 14px 110px}.bottom-nav{position:fixed;display:flex;bottom:0;left:0;right:0;z-index:28;align-items:stretch;justify-content:space-around;gap:2px;padding:9px 7px calc(8px + env(safe-area-inset-bottom));background:#15132ff2;border-top:1px solid #ffffff28;backdrop-filter:blur(19px);box-shadow:0 -15px 40px #09051c88}.bottom-link{flex:1;max-width:105px;background:none;border:0;color:#c3bae5;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:900;border-radius:14px;padding:6px 1px}.bottom-link span{font-size:23px;line-height:1.1}.bottom-link.active{background:#8c65f63d;color:white}.pos-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(5,minmax(105px,1fr));min-width:590px}.shortcut-scroll{margin:0 -14px;padding:0 14px 14px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.hero{padding:23px}.hero .big-gem{font-size:64px}.small-quick-grid{grid-template-columns:repeat(5,minmax(100px,1fr));min-width:590px}}@media(max-width:520px){.top-left .shopname{font-size:16px}.topbar{padding:4px 0 13px}.top-right .hide-mobile{display:none}.hero{padding:21px;border-radius:24px}.hero h1{font-size:29px}.hero p{font-size:12px}.hero .big-gem{font-size:46px}.hero .eyebrow{font-size:10px}.metric{padding:16px 14px;border-radius:19px}.metric .amount{font-size:22px}.quick-tile{min-height:116px;padding:14px;border-radius:20px}.quick-icon{width:48px;height:48px;font-size:28px}.section-head{margin:22px 0 13px}.panel{padding:16px;border-radius:21px}.form-grid,.columns-3{grid-template-columns:1fr}.product-results{grid-template-columns:1fr 1fr;gap:7px}.prod-card{flex-direction:column;align-items:flex-start;padding:9px;min-height:150px}.prod-card img,.prod-card .placeholder{width:100%;height:82px}.prod-card .pname{font-size:11px}.prod-card .pprice{margin-top:4px}.modal-box{padding:19px;max-height:90dvh}.workspace{padding-bottom:120px}.badge{font-size:9px}}

.verify-row{display:flex;align-items:center;gap:10px;border:1px solid #fff3;background:#27bb9e16;border-radius:14px;padding:12px 13px;font-size:12px;color:#dfd9ed}.verify-row input{width:18px;height:18px;min-height:18px;accent-color:#3ceacf;flex-shrink:0}
/* IT Mobile Shop V2.0 — luminous VIP / airy layered surfaces. Full override of v1 dark skin. */
:root{color-scheme:light;color:#142946;--base:#edf8ff;--panel:#fff;--panel2:#f5faff;--muted:#687e96;--stroke:#c7d9ec;--purple:#604df7;--mint:#02bba5;--coral:#fa773d;--shadow:0 14px 36px #547ca62a;--radius:24px}
html{background:#edf8ff}
body{color:#142946;background:radial-gradient(ellipse 58% 42% at 93% 1%,#b8f4ff 0%,transparent 80%),radial-gradient(ellipse 55% 44% at 2% 20%,#ffe8a7 0%,transparent 79%),radial-gradient(ellipse 56% 40% at 83% 80%,#d1c8ff 0%,transparent 82%),linear-gradient(120deg,#e7f6ff,#fffafd 46%,#e8fff4);background-attachment:fixed}
button{ -webkit-tap-highlight-color:transparent }
input,select,textarea{background:#fff;color:#152c49;border:1.5px solid #c8d9ea;box-shadow:inset 0 2px 4px #4f7d9f0a;color-scheme:light}
input::placeholder,textarea::placeholder{color:#7b91a5}
input:focus,select:focus,textarea:focus{border-color:#4c84fb;box-shadow:0 0 0 4px #68affb26}
label{color:#38546c}
.sub,.muted,.tiny,.head-note,.hint{color:#60768e}
a{color:#2463d6}
h1,h2,h3,h4{color:#122c52}
.sidebar{background:linear-gradient(173deg,#ffffffeb,#edf4ffeb 45%,#eafff4f2);border-right:1px solid #ffffff;box-shadow:7px 0 30px #578bba19;color:#152a49;scrollbar-width:thin;scrollbar-color:#9cc3eb transparent}
.logo-wrap strong{color:#172c51}.logo-wrap small{color:#617796}
.logo-gem,.brand-mark{background:linear-gradient(145deg,#d7f9ff,#6976f6 36%,#9956fd 74%,#ef82fc);box-shadow:inset 0 2px 5px #ffffffc9,0 10px 24px #7966ed55;color:white}
.nav-link{color:#385676;transition:transform .2s,background .2s;color:#365678}
.nav-link:hover{background:#e4f1ff;color:#1c57b5;transform:translateX(2px)}
.nav-link.active{color:#fff;background:linear-gradient(110deg,#5963f5,#039ddd);box-shadow:0 6px 16px #4e8de049,inset 0 1px #fff7}
.top-left .overline{color:#546f9b}.shopname{color:#123557}
.icon-button{color:#294d86;background:#ffffffd9;border:1px solid #d7e8f5;box-shadow:0 5px 13px #6295b526}
.avatar{color:white;background:linear-gradient(140deg,#01b8d7,#6159ec);box-shadow:0 5px 15px #3c98e23e}
.avatar-button{border:0;cursor:pointer}
.hero{background:linear-gradient(112deg,#6f53ef 0%,#297dea 40%,#05b6dc 76%,#00cca8 112%);box-shadow:0 22px 43px #5383d24a,inset 0 2px #ffffff90,inset 0 -5px #1c60c832;border:1px solid #ffffffae}
.hero h1,.hero .eyebrow{color:white}.hero p{color:#f1ffff}
.hero .big-gem{filter:drop-shadow(0 10px 6px #0e638f52)}
.eyebrow{color:#5f58d0}
.quick-tile{box-shadow:inset 0 3px #ffffff95,0 8px 0 #6683a343,0 17px 25px #46829c36;border:1px solid #fff9}
.quick-tile:hover{box-shadow:inset 0 3px #fff9,0 11px 0 #6683a334,0 24px 34px #46829c44}
.quick-icon{box-shadow:inset 0 2px 5px #fff8,0 7px 15px #0001}
.metric{background:linear-gradient(145deg,#fff 0%,#edf7ff 100%);border:1px solid #ffffff;box-shadow:0 10px 28px #4d86bc22,inset 0 1px #fff;position:relative}
.metric:nth-child(4n+2){background:linear-gradient(150deg,#fff,#eafef8)}
.metric:nth-child(4n+3){background:linear-gradient(145deg,#fff,#fff5de)}
.metric:nth-child(4n+4){background:linear-gradient(145deg,#fff,#fff0f6)}
.metric .amount{color:#2056bc}.metric.mint .amount{color:#008c85}.metric.orange .amount{color:#cf6b0c}.metric.pink .amount{color:#c44879}
.metric .label{color:#637c94}
.panel{background:linear-gradient(143deg,#ffffffed,#f8fcffed);border:1px solid #fff;box-shadow:0 13px 34px #5890b126,inset 0 1px #fff;color:#16324c}
.panel h3,.panel h4{color:#24416b}
.data-wrap{background:#fff;border-color:#dce9f6}
.data-table td{color:#294561;border-bottom-color:#e5eef6}
.data-table th{background:#eaf5ff;color:#4c6882;border-bottom-color:#dceafb}
.data-table tbody tr:hover{background:#edf8ff}
.badge{background:#e9e5ff;color:#5b4fd3}.badge.green{background:#dbfbee;color:#087e65}.badge.amber{background:#fff0d4;color:#a56907}.badge.red{background:#ffe3e7;color:#b9264d}
.prod-txt small{color:#758da2}
.prod-card{background:#f7fbff;color:#1b3555;border:1px solid #d8e7f6;box-shadow:0 5px 13px #80a9d91d}
.prod-card:hover{border-color:#4d85fa;background:#eef6ff}
.prod-card .placeholder,.prod-thumb{background:#e8f2ff}
.prod-card .pprice,.profit-chip{color:#007d9d}
.cart-row{border-bottom-color:#dfeaf5}
.step-btn{background:linear-gradient(135deg,#6261e9,#30afe8)}
.divider{border-top-color:#d9e7f3}
.data-wrap,.scanner-frame{box-shadow:inset 0 0 3px #fff}
.btn{background:#f6faff;color:#234a74;border-color:#d1e3f3;box-shadow:0 5px 12px #6198bc17}
.btn.ghost{background:#eaf4ff;color:#2358a8;border-color:#c4dbf4}
.btn.primary,.primary-button{background:linear-gradient(115deg,#6552ed,#3088ee);color:#fff;border-color:#ffffff66;box-shadow:0 6px 16px #4381e645}
.btn.mint{background:linear-gradient(115deg,#00b59b,#05a7ce);color:#fff;box-shadow:0 6px 16px #009cb83b;border:1px solid #ffffff77}
.btn.warn{background:linear-gradient(115deg,#fa7e42,#e04479);color:white;border-color:#ffdccb}
.modal-backdrop{background:#29476a73;backdrop-filter:blur(7px)}
.modal-box{background:linear-gradient(143deg,#fff,#f2faff);border-color:#fff;box-shadow:0 28px 80px #183b6b67}
.modal-close{background:#e4efff;color:#2b5692}
.toast{background:linear-gradient(115deg,#3f73e5,#00adaf);color:white;box-shadow:0 15px 30px #4779a94a}
.toast.bad{background:linear-gradient(115deg,#f15e74,#ba3864)}
.auth-card,.setup-card{background:linear-gradient(146deg,#fffefa,#eaf8ff);border-color:#fff;box-shadow:0 25px 70px #4688b54f}
.setup-form h3{color:#2a67b0;border-color:#dbe9f8}
.hint{color:#687e96}.install-status .mini-chip{background:#ddfaed;color:#187858}.mini-chip.bad{background:#ffe1e5;color:#c23557}
.verify-row,.state-hint{border-color:#b9dfea;background:#edfbff;color:#30556d}
.info-card{background:#edf7ff;border-color:#d8eafa;color:#4e6982}
.loading-spot,.empty{color:#7b8fa8}
.search-box::before{color:#7396bf}
.bar-label{color:#6986a5}.mini-bars{border-bottom-color:#cfdeed}
.scanner-frame{background:#eaf8ff;border-color:#32c5df}
.bottom-nav{background:#fffffff4;border-color:#c9dcf4;box-shadow:0 -12px 34px #719aca29}
.bottom-link{color:#557290}.bottom-link.active{color:#315be1;background:#e4efff}
/* Responsive sliding menu */
.drawer-overlay,.drawer-close{display:none}.menu-toggle{display:none;font-size:22px;font-weight:800;line-height:1;padding:9px 11px;min-height:44px}
.pos-category-strip{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 12px}
.pos-category{background:#f0f7ff;color:#375c7a;border:1px solid #cedff1;border-radius:15px;padding:11px 13px;font-weight:800;font-size:12px;white-space:nowrap}
.pos-category.active{background:linear-gradient(110deg,#437ff1,#08afc2);color:#fff;border-color:#43afff;box-shadow:0 5px 12px #327eca36}
.customer-suggestions{display:grid;gap:5px}.customer-choice{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d5e7f7;background:#f3faff;border-radius:12px;padding:10px;color:#254868;font-size:12px;text-align:left}.customer-choice span{color:#738ba2}
.setting-upload{border:1px solid #dbe9f5;border-radius:18px;padding:15px;margin-bottom:14px;background:#f8fcff}.setting-upload img{height:86px;width:86px;object-fit:contain;border-radius:14px;background:white;border:1px solid #dfecf4}.qr-placeholder{font-size:50px;color:#819ab4}.setting-upload .setup-form{margin-top:10px}
.maintenance-panel{margin-top:16px;border:1px solid #fbc8bc;background:linear-gradient(145deg,#fff,#fff7ec)}
.reset-warning{padding:16px;background:#fff0ed;border:1px solid #ffb0a5;border-radius:14px;color:#9c3245;margin-bottom:20px}.reset-warning p{margin:6px 0 0}
.business-avatar{width:114px;height:114px;border-radius:26px;background:linear-gradient(140deg,#c8ebff,#d9d0ff);font-size:52px;display:grid;place-items:center;margin-bottom:15px;box-shadow:inset 0 2px 4px #fff,0 12px 20px #8ab6cd38}.business-avatar img{width:100%;height:100%;object-fit:contain;border-radius:24px}
.profile-line{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e4eff7;font-size:13px}.profile-line span{color:#668098}.profile-line strong{max-width:72%;text-align:right;overflow-wrap:anywhere}
.qr-preview-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.qr-preview{border:1px solid #d8eafa;padding:12px;border-radius:14px;background:#f9fcff;text-align:center;display:grid;justify-items:center;gap:7px}.qr-preview img{width:72px;height:72px;object-fit:contain}.qr-preview span{font-size:45px;color:#7faacf}.qr-preview b{font-size:10px;color:#415d7a}
@media(max-width:900px){
 .sidebar{display:block!important;position:fixed;z-index:51;top:0;bottom:0;left:0;width:min(320px,86vw);max-height:100dvh;transform:translateX(-110%);transition:transform .25s ease;overflow-y:auto;box-shadow:18px 0 40px #1d578c36;padding-bottom:calc(30px + env(safe-area-inset-bottom));visibility:hidden}
 .menu-open .sidebar{transform:translateX(0);visibility:visible}
 .drawer-overlay{display:block;position:fixed;z-index:49;inset:0;background:#082e5a75;border:0;opacity:0;pointer-events:none;transition:opacity .23s}
 .menu-open .drawer-overlay{opacity:1;pointer-events:auto}
 .drawer-close{display:inline-flex;margin-left:auto;align-items:center;justify-content:center;background:#e9f4ff;color:#34659e;border:0;border-radius:13px;min-width:38px;min-height:38px;font-size:25px}
 .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
 body.drawer-visible{overflow:hidden}
 .workspace{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
 .bottom-nav{display:flex;z-index:30}
 .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}
 .shortcut-scroll{overflow:visible;margin:0;padding:0}
 .quick-tile{min-height:132px}
 .pos-category-strip{flex-wrap:nowrap;overflow-x:auto;padding:3px 0 11px;scrollbar-width:thin}
}
@media(max-width:540px){
 .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .quick-tile{min-height:118px}
 .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .metric .amount{font-size:clamp(16px,5vw,23px);white-space:normal;overflow-wrap:anywhere}
 .hero{gap:8px;padding:19px}.hero h1{font-size:27px}.hero .big-gem{font-size:41px}
 .top-left .overline{font-size:8px;letter-spacing:1px}.topbar{gap:5px}.top-right{gap:5px}.avatar{width:36px;height:36px}
 .qr-preview-list{gap:5px}.qr-preview{padding:7px}.qr-preview img{width:60px;height:60px}
 .product-results{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pos-grid{display:flex;flex-direction:column}
 .checkout-panel{order:2}
 .panel{padding:16px}
}
@media(prefers-reduced-motion:reduce){.sidebar,.quick-tile,.nav-link,.drawer-overlay{transition:none}}