:root {
  --nav: #101d36;
  --blue: #2670ef;
  --bg: #f3f6fb;
  --ink: #18243a;
  --muted: #71809a;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  font-family: Inter, "Microsoft YaHei", sans-serif;
  background: var(--bg);
  color: var(--ink);
}
button,
input {
  font: inherit;
}
.auth {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 28px;
  background:
    linear-gradient(#ffffff08 1px,transparent 1px),
    linear-gradient(90deg,#ffffff08 1px,transparent 1px),
    radial-gradient(circle at 18% 12%, #274b80 0, transparent 32%),
    radial-gradient(circle at 82% 88%, #162d52 0, transparent 30%),
    linear-gradient(145deg, #0d1930, #07101f);
  background-size:54px 54px,54px 54px,auto,auto,auto;
  position: relative;
  overflow: hidden;
}
.auth::before,.auth::after{content:"";position:absolute;pointer-events:none}.auth::before{width:640px;height:640px;top:-400px;right:-180px;border:1px solid #ffffff10;border-radius:50%;box-shadow:0 0 0 90px #ffffff03,0 0 0 180px #ffffff02}.auth::after{inset:0;background:linear-gradient(115deg,transparent 40%,#ffffff05 50%,transparent 60%);transform:translateX(-100%);animation:auth-sheen 9s ease-in-out infinite}@keyframes auth-sheen{0%,55%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}
.login-card {
  width: min(820px, 94vw);
  min-height:510px;
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  position: relative;
  z-index: 1;
  background:#fff;
  border:1px solid #ffffff40;
  border-radius:24px;
  padding:0;
  box-shadow:0 42px 120px #020713a6,0 0 0 1px #ffffff0b,0 0 0 8px #ffffff05;
  overflow: hidden;
}
.login-card::before{content:"";position:absolute;z-index:3;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#8f102b,#d63e51 44%,#2e79ef)}
.login-brand{position:relative;display:grid;place-items:center;padding:48px 38px;overflow:hidden;background:radial-gradient(circle at 30% 28%,#213b65,#101d36 58%,#0c172b);color:#fff}.login-brand::before{content:"";position:absolute;inset:22px;border:1px solid #ffffff12;border-radius:14px}.login-brand::after{content:"ZG";position:absolute;right:-15px;bottom:-36px;color:#ffffff05;font-family:var(--font-tech,Inter,sans-serif);font-weight:900;font-size:150px;letter-spacing:-16px}.login-brand-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.brand-orbit{position:absolute;border:1px solid #ffffff10;border-radius:50%}.orbit-one{width:310px;height:310px;top:-110px;left:-130px}.orbit-two{width:230px;height:230px;right:-125px;bottom:-75px}.brand-rule{width:32px;height:1px;margin-top:17px;background:linear-gradient(90deg,transparent,#d33d50,transparent)}.brand-code{margin:13px 0 0;color:#8ea0ba;font-size:8px;font-weight:700;letter-spacing:2px}
.login-form-pane{display:flex;flex-direction:column;justify-content:center;padding:54px 56px 38px;background:linear-gradient(155deg,#fff 0,#fbfcff 70%,#f4f7fc 100%)}
.access-mark{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#8290a5;font-size:9px;font-weight:800;letter-spacing:1.7px}.access-mark span{width:6px;height:6px;border-radius:50%;background:#21bc86;box-shadow:0 0 0 4px #21bc8614}
.logo {
  width: 114px;
  height: 82px;
  display: grid;
  place-items: center;
  background: #fff;
  border: 1px solid #ffffff4a;
  border-radius: 18px;
  padding: 0;
  overflow: hidden;
  box-shadow:0 18px 46px #03071266,0 0 0 6px #ffffff08;
}
.logo img,
.brand > b img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
}
.eyebrow {
  font-size: 11px;
  color: #4d79c7;
  letter-spacing: 1.5px;
}
.login-brand .eyebrow{margin:19px 0 0;color:#eef3fb;font-size:10px;font-weight:800;letter-spacing:2.6px;text-align:center}
.login-card h1 {
  margin:12px 0 4px;
  text-align:left;
  font-size:24px;
}
.login-card > p {
  color: var(--muted);
  text-align:center;
}
.login-form-pane>p{margin:0 0 4px;color:var(--muted);font-size:11px}
label {
  display: block;
  font-size: 12px;
  margin: 18px 0 0;
}
.login-card label{margin-top:18px;color:#31445e;font-size:11px;font-weight:800;letter-spacing:.2px}.login-card label:first-child{margin-top:16px}
input {
  width: 100%;
  padding: 12px;
  border: 1px solid #dfe5ef;
  border-radius: 9px;
  margin-top: 7px;
  outline: 0;
}
.login-card input{height:49px;padding:0 15px;border-color:#dce3ed;border-radius:9px;background:#f8fafc;color:#152844;transition:.18s}.login-card input::placeholder{color:#a5afbd}.login-card input:hover{border-color:#c6d1e0}.login-card input:focus{border-color:#2670ef;background:#fff;box-shadow:0 0 0 3px #2670ef12,0 8px 20px #1b43830a}
.login-card button {
  width: 100%;
  padding: 13px;
  border: 0;
  display:flex;align-items:center;justify-content:space-between;
  border-radius:9px;
  background:linear-gradient(112deg,#172b4a,#244d82);
  color: #fff;
  margin-top: 24px;
  font-weight: 700;
  box-shadow:0 13px 28px #10264432;
  transition:.18s;
}
.login-card button b{font-size:18px;font-weight:400;transition:.18s}.login-card button:hover{transform:translateY(-1px);background:linear-gradient(112deg,#1b345a,#2d63a7);box-shadow:0 16px 34px #10264440}.login-card button:hover b{transform:translateX(3px)}.login-card button:active{transform:translateY(0)}
.login-security{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:auto;padding-top:27px;color:#9aa5b4;font-size:7px;font-weight:800;letter-spacing:1.2px}.login-security i{width:3px;height:3px;border-radius:50%;background:#c3cad4}
.login-card #authError{margin-bottom:0}
@media(max-width:720px){.auth{padding:18px}.login-card{width:min(410px,96vw);min-height:auto;grid-template-columns:1fr}.login-brand{padding:31px 24px}.login-brand::before{inset:14px}.login-brand::after{display:none}.logo{width:90px;height:65px}.login-brand .eyebrow{margin-top:14px}.brand-rule,.brand-code{display:none}.login-form-pane{padding:34px 30px 27px}.login-security{padding-top:21px}}
.login-card #authError {
  color: #d84f5d;
  font-size: 12px;
  min-height: 18px;
}
.shell {
  min-height: 100vh;
  display: flex;
}
aside {
  width: 240px;
  position: fixed;
  inset: 0 auto 0 0;
  background: var(--nav);
  color: #d9e2f4;
  padding: 25px 16px;
  display: flex;
  flex-direction: column;
}
.brand {
  display: flex;
  gap: 11px;
  align-items: center;
  min-height: 68px;
  margin: 0 0 18px;
  padding: 10px;
  border: 1px solid #ffffff12;
  border-radius: 13px;
  background: linear-gradient(135deg, #ffffff0d, #ffffff03);
}
.brand > b {
  flex: 0 0 50px;
  width: 50px;
  height: 36px;
  border: 1px solid #ffffff24;
  border-radius: 9px;
  display: grid;
  place-items: center;
  background: #fff;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 7px 18px #050b1966;
}
.brand span {
  min-width: 0;
}
.brand strong {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 750;
  letter-spacing: 0.1px;
}
.brand small {
  display: block;
  color: #9cacc4;
  font-size: 10px;
  font-weight: 500;
  margin-top: 4px;
  white-space: nowrap;
}
nav button {
  width: 100%;
  text-align: left;
  padding: 12px;
  border: 0;
  background: transparent;
  color: #aabbd4;
  border-radius: 8px;
  margin: 2px 0;
}
nav button.active,
nav button:hover {
  background: #203354;
  color: #fff;
}
.user {
  margin-top: auto;
  border-top: 1px solid #ffffff17;
  padding: 18px 10px 0;
}
.user strong,
.user small {
  display: block;
}
.user small {
  color: #7e96ba;
  font-size: 10px;
  margin: 4px 0 12px;
}
.user button {
  background: none;
  border: 0;
  color: #9cb5d9;
  padding: 0;
}
.content {
  margin-left: 240px;
  width: calc(100% - 240px);
  padding: 36px;
}
header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
header h1 {
  margin: 3px 0;
  font-size: 27px;
}
header > div > p:last-child {
  color: var(--muted);
  font-size: 12px;
}
.online {
  background: #e4f7ed;
  color: #16865b;
  padding: 8px 12px;
  border-radius: 20px;
  font-size: 11px;
}
.stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 24px 0;
}
.stats article,
.panel {
  background: #fff;
  border: 1px solid #e6ebf3;
  border-radius: 13px;
  padding: 20px;
  box-shadow: 0 10px 30px #2638560a;
}
.stats small {
  display: block;
  color: var(--muted);
  font-size: 11px;
}
.stats strong {
  display: block;
  font-size: 24px;
  margin-top: 8px;
}
.stats .warn {
  font-size: 14px;
  color: #db872b;
}
.panel {
  margin-bottom: 16px;
}
.panel h2 {
  font-size: 15px;
  margin: 0 0 16px;
}
.actions {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.actions button {
  border: 1px solid #dce5f2;
  background: #f9fbff;
  border-radius: 10px;
  padding: 15px;
  text-align: left;
  color: var(--ink);
}
.actions b {
  color: var(--blue);
  display: block;
}
.actions small {
  display: block;
  color: var(--muted);
  margin-top: 6px;
  font-size: 10px;
}
.panel-head {
  display: flex;
  justify-content: space-between;
}
.panel-head button {
  border: 0;
  background: none;
  color: var(--blue);
}
.task-row {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 14px;
  padding: 12px 0;
  border-top: 1px solid #edf0f5;
  font-size: 12px;
}
.pill {
  justify-self: start;
  padding: 4px 8px;
  border-radius: 12px;
  background: #fff3dc;
  color: #bd721d;
}
@media (max-width: 800px) {
  aside {
    width: 76px;
  }
  .brand span,
  nav button:not(.active),
  .user {
    display: none;
  }
  .content {
    margin-left: 76px;
    width: calc(100% - 76px);
    padding: 20px;
  }
  .stats,
  .actions {
    grid-template-columns: 1fr 1fr;
  }
}

/* Technical typography */
:root {
  --font-ui: "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei UI",
    "Microsoft YaHei", sans-serif;
  --font-tech: "Bahnschrift", "DIN Alternate", "Segoe UI Variable",
    var(--font-ui);
}
body {
  font-family: var(--font-ui);
  font-weight: 400;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
button,
input,
select {
  font-family: inherit;
}
.brand span,
header h1,
.stats strong,
.store-stats strong,
.store-main strong,
.login-card h1 {
  font-family: var(--font-tech);
  font-variation-settings: "wght" 650;
  letter-spacing: 0.015em;
}
nav button {
  font-weight: 550;
  letter-spacing: 0.025em;
}
.eyebrow {
  font-family: var(--font-tech);
  font-weight: 650;
  letter-spacing: 0.16em;
}
.store-stats strong,
.stats strong {
  font-variant-numeric: tabular-nums;
}
.live-refresh-hint{display:inline-flex;align-items:center;gap:6px;margin-top:5px;color:#169b68;font-weight:700}.live-refresh-hint i{width:7px;height:7px;border-radius:50%;background:#21bd7a;box-shadow:0 0 0 4px rgba(33,189,122,.12)}
.integration-panel{margin-bottom:20px}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.integration-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid #dfe7f4;border-radius:14px;background:#f9fbff}.integration-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e8f0ff;color:#2469e8;font-weight:800}.integration-item h3{margin:0 0 4px;font-size:15px}.integration-item p,.integration-item small{display:block;margin:0;color:#6f819d}.integration-item small{margin-top:4px}.integration-meta{text-align:right;display:grid;gap:5px}.integration-meta time{font-size:12px;color:#8190a9}.integration-item.running{border-color:#8fb9ff;background:#f3f7ff}.integration-item.done .integration-icon{background:#dff7ec;color:#079c63}.integration-item.failed .integration-icon{background:#ffe7e9;color:#d93c4b}.integration-badge{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.integration-badge.ready{background:#dff7ec;color:#078454}.integration-badge.waiting{background:#fff1d8;color:#b56700}@media(max-width:900px){.integration-grid{grid-template-columns:1fr}.integration-item{grid-template-columns:40px minmax(0,1fr)}.integration-meta{grid-column:2;text-align:left}}
.product-tools{display:flex;gap:10px;align-items:center}.product-tools select{min-width:240px}.product-store-group{border-top:1px solid #dfe7f2}.product-store-group:first-child{border-top:0}.product-store-group>header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f4f7fc}.product-store-group>header h3{margin:0;color:#112b50;font-size:16px}.product-store-group>header p{margin:4px 0 0;color:#7a8ca8;font-size:12px}.product-store-group>header strong{color:#0b8e61;font-size:14px}@media(max-width:760px){.product-tools{width:100%;flex-direction:column;align-items:stretch}.product-tools select{min-width:0}}
.logistics-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.logistics-tools input{min-width:260px}.logistics-tools select{min-width:170px}.logistics-store-group{border-top:1px solid #dfe7f2}.logistics-store-group:first-child{border-top:0}.logistics-store-group>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;background:linear-gradient(90deg,#f3f7fd,#f8fbff)}.logistics-store-group>header h3{margin:0;color:#102b51;font-size:17px}.logistics-store-group>header p{margin:5px 0 0;color:#7487a5;font-size:12px}.logistics-counts{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.logistics-counts span{padding:6px 9px;border:1px solid #dce7f7;border-radius:999px;background:#fff;color:#5f7393;font-size:11px}.logistics-counts b{color:#1769dd}.logistics-category>h4{display:flex;align-items:center;gap:8px;margin:0;padding:11px 20px;border-top:1px solid #e8eef7;border-bottom:1px solid #edf2f8;background:#fbfcff;color:#344e72;font-size:13px}.logistics-category>h4 b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:#e7efff;color:#1769dd;font-size:11px}.logistics-category .ops-row em{max-width:220px;text-align:center;white-space:normal;line-height:1.35}@media(max-width:900px){.logistics-store-group>header{align-items:flex-start;flex-direction:column}.logistics-counts{justify-content:flex-start}.logistics-tools{width:100%}.logistics-tools input,.logistics-tools select{width:100%;min-width:0}}
.finance-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.finance-tools input{min-width:220px}.finance-tools select{min-width:150px}.finance-store-group{border-top:1px solid #dfe7f2}.finance-store-group:first-child{border-top:0}.finance-store-group>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;background:linear-gradient(90deg,#f3f7fd,#f9fbff)}.finance-store-group>header h3{margin:0;color:#102b51;font-size:17px}.finance-store-group>header p{margin:5px 0 0;color:#7487a5;font-size:12px}.finance-store-group>header strong{color:#078b5b;font-size:15px}.finance-category>h4{display:flex;align-items:center;gap:9px;margin:0;padding:11px 20px;border-top:1px solid #e7edf6;border-bottom:1px solid #edf2f8;background:#fbfcff;color:#344e72;font-size:13px}.finance-category>h4 b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#e7efff;color:#1769dd;font-size:11px}.finance-category>h4 em{margin-left:auto;color:#087f58;font-style:normal;font-weight:800}.finance-category .ops-row span:first-of-type{font-weight:700;color:#587091}@media(max-width:900px){.finance-store-group>header{align-items:flex-start;flex-direction:column}.finance-tools{width:100%}.finance-tools input,.finance-tools select{width:100%;min-width:0}}
.erp-command-bar{position:sticky;top:0;z-index:45;display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:-18px -8px 24px;padding:0 14px;border:1px solid #dfe7f2;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(35,57,91,.08);backdrop-filter:blur(14px)}.erp-context,.erp-command-actions{display:flex;align-items:center;gap:10px}.erp-context span{color:#8190a6;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.erp-context i{color:#aab5c5;font-style:normal}.erp-context strong{color:#173152;font-size:13px}.erp-command-actions button{padding:7px 11px;border:1px solid #dce5f1;border-radius:8px;background:#f8faff;color:#536a8b;font-size:11px;font-weight:700;cursor:pointer}.erp-command-actions button:hover{border-color:#aac7f5;background:#edf4ff;color:#1767d8}.erp-health{display:flex;align-items:center;gap:7px;color:#17845e;font-size:11px;font-weight:700}.erp-health i{width:7px;height:7px;border-radius:50%;background:#1db97c;box-shadow:0 0 0 4px rgba(29,185,124,.11)}.erp-store-group{border-top:1px solid #dfe7f2}.erp-store-group:first-child{border-top:0}.erp-store-group>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:linear-gradient(90deg,#f3f7fd,#fafcff);cursor:pointer;list-style:none}.erp-store-group>summary::-webkit-details-marker{display:none}.erp-store-group>summary>div{margin-right:auto}.erp-store-group>summary h3{margin:0;color:#102b51;font-size:16px}.erp-store-group>summary p{margin:4px 0 0;color:#7487a5;font-size:12px}.erp-store-group>summary>strong{color:#078b5b;font-size:14px}.erp-store-group>summary>i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fff;color:#57749e;font-style:normal;transition:.2s}.erp-store-group[open]>summary>i{transform:rotate(180deg)}.erp-store-group>summary:hover{background:#edf4ff}.erp-column-head{display:grid;grid-template-columns:minmax(280px,1.6fr) repeat(2,minmax(100px,.55fr)) auto;gap:14px;padding:9px 20px;border-top:1px solid #e8eef7;border-bottom:1px solid #e8eef7;background:#fbfcfe;color:#8795a9;font-size:10px;font-weight:800;letter-spacing:.04em}.erp-compact .ops-row{min-height:52px;padding-top:8px;padding-bottom:8px}.erp-compact .ops-metrics article{min-height:74px;padding-top:12px;padding-bottom:12px}.erp-compact .erp-store-group>summary{padding-top:12px;padding-bottom:12px}.erp-compact .store-row,.erp-compact .order-row{min-height:58px;padding-top:10px;padding-bottom:10px}@media(max-width:900px){.erp-command-bar{align-items:flex-start;gap:8px;flex-direction:column;padding:10px 12px}.erp-command-actions{width:100%;flex-wrap:wrap}.erp-health{margin-right:auto}.erp-column-head{display:none}}
.ads-store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.ads-store-card{border:1px solid #dce6f3;border-radius:14px;padding:16px;background:linear-gradient(145deg,#fff,#f6f9ff);box-shadow:0 8px 24px rgba(18,55,105,.06)}
.ads-store-card header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.ads-store-card h3{margin:4px 0 0;font-size:15px}.ads-store-card small{color:#7b8da8}
.ads-store-card header>strong{font-size:22px;color:#087f5b}
.ads-store-card>div{display:flex;gap:14px;margin:14px 0;color:#687d9b;font-size:12px;flex-wrap:wrap}
.ads-store-card button,.ads-account-map button{border:1px solid #bad0f4;border-radius:8px;background:#eef5ff;color:#1767d8;padding:7px 10px;font-weight:700;cursor:pointer}
.ads-unmapped{grid-column:1/-1;border:1px solid #f4ca77;border-radius:14px;background:#fffaf0;padding:16px}
.ads-unmapped>header{display:flex;justify-content:space-between;gap:16px}.ads-unmapped h3{margin:0}.ads-unmapped p{margin:4px 0 0;color:#8b7350}
.ads-account-map{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,300px) auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #f1dfbd}
.ads-account-map span{display:grid}.ads-account-map small{color:#8c7b61}.ads-account-map select{min-width:0}
@media(max-width:760px){.ads-account-map{grid-template-columns:1fr}.ads-store-grid{grid-template-columns:1fr}}
.store-multi-picker{position:relative;min-width:250px}
.product-tools .store-multi-picker,.logistics-tools .store-multi-picker,.finance-tools .store-multi-picker{min-width:270px}
.store-picker-trigger{width:100%;min-height:46px;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #cddbf0;border-radius:11px;background:linear-gradient(145deg,#fff,#f4f8ff);color:#14335c;box-shadow:0 6px 18px rgba(26,70,136,.06);cursor:pointer}
.store-picker-trigger>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start}
.store-picker-trigger b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.store-picker-trigger small{margin-top:2px;color:#8292aa;font-size:10px}
.store-picker-trigger i{margin-left:auto;color:#5c76a0;font-style:normal}
.store-picker-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e7efff;color:#1769dd;font-size:12px;font-weight:800}
.store-multi-picker.is-open::before{content:"";position:fixed;inset:0;z-index:1000;background:rgba(5,17,39,.56);backdrop-filter:blur(6px)}
.store-picker-panel{display:none;position:fixed;left:50%;top:50%;z-index:1001;width:min(720px,calc(100vw - 40px));max-height:min(760px,calc(100vh - 40px));transform:translate(-50%,-50%);overflow:hidden;border:1px solid rgba(100,154,255,.62);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.99),rgba(241,246,255,.99));box-shadow:0 30px 90px rgba(4,22,55,.38),0 0 0 1px rgba(255,255,255,.7) inset}
.store-multi-picker.is-open .store-picker-panel{display:grid;grid-template-rows:auto auto auto minmax(180px,1fr) auto}
.store-picker-panel header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 16px;border-bottom:1px solid #e1e9f6;background:linear-gradient(110deg,#f7fbff,#eef4ff)}
.store-picker-panel header p{margin:0 0 5px;color:#2872e4;font-family:var(--font-tech);font-size:10px;font-weight:800;letter-spacing:.18em}
.store-picker-panel header h3{margin:0;color:#0d2d59;font-family:var(--font-tech);font-size:24px}
.store-picker-panel header small{display:block;margin-top:5px;color:#7487a5}
.store-picker-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d5e0f1;border-radius:11px;background:#fff;color:#547093;font-size:22px;cursor:pointer}
.store-picker-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px 24px 10px}
.store-picker-search input{min-width:0;height:44px;padding:0 14px;border:1px solid #cddcf1;border-radius:11px;background:#fff;outline:0}
.store-picker-search input:focus{border-color:#5794f3;box-shadow:0 0 0 4px rgba(55,123,235,.12)}
.store-picker-counter{display:grid;place-items:center;min-width:70px;padding:0 12px;border-radius:11px;background:#e8f1ff;color:#1769dd;font-weight:800}
.store-picker-actions{display:flex;gap:8px;padding:0 24px 12px}
.store-picker-actions button{padding:7px 11px;border:1px solid #d6e2f4;border-radius:8px;background:#fff;color:#4e6c95;font-weight:700;cursor:pointer}
.store-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;max-height:420px;padding:2px 24px 18px;overflow:auto;scrollbar-width:thin;scrollbar-color:#6ca5f4 #eaf1fb}
.store-picker-list::-webkit-scrollbar{width:8px}.store-picker-list::-webkit-scrollbar-track{background:#eaf1fb;border-radius:8px}.store-picker-list::-webkit-scrollbar-thumb{background:linear-gradient(#6fb7ff,#4d6df3);border-radius:8px}
.store-picker-option{display:grid;grid-template-columns:auto minmax(0,1fr) 24px;align-items:center;gap:11px;min-height:62px;padding:10px 12px;border:1px solid #dce6f4;border-radius:12px;background:#fff;cursor:pointer;transition:.18s}
.store-picker-option:hover{border-color:#9ebff4;transform:translateY(-1px);box-shadow:0 8px 20px rgba(30,81,153,.08)}
.store-picker-option:has(input:checked){border-color:#4e8ff2;background:linear-gradient(145deg,#edf5ff,#f8fbff);box-shadow:0 0 0 3px rgba(58,126,235,.09)}
.store-picker-option input{width:17px;height:17px;accent-color:#246fe3}
.store-picker-option span{display:flex;min-width:0;flex-direction:column}
.store-picker-option b,.store-picker-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.store-picker-option b{color:#173457;font-size:13px}.store-picker-option small{margin-top:4px;color:#7b8da8;font-size:11px}
.store-picker-option i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#e7f0ff;color:#1768dc;font-style:normal;font-weight:900}
.store-picker-empty{grid-column:1/-1;margin:18px 0;text-align:center;color:#8291a8}
.store-picker-panel footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:15px 24px;border-top:1px solid #dfe8f5;background:#f8faff}
.store-picker-panel footer span{margin-right:auto;color:#7788a3;font-size:11px}
.store-picker-panel footer button{padding:10px 16px;border:1px solid #d4dfef;border-radius:10px;background:#fff;color:#526a8e;font-weight:800;cursor:pointer}
.store-picker-panel footer button.primary{border-color:#246fe3;background:linear-gradient(135deg,#1f73ed,#465cf1);color:#fff;box-shadow:0 10px 24px rgba(36,101,223,.25)}
@media(max-width:700px){.store-picker-list{grid-template-columns:1fr}.store-picker-panel{width:calc(100vw - 20px)}.store-picker-panel footer span{display:none}}