.merchant-portal{--side-width:240px}.merchant-sidebar{position:fixed;inset:0 auto 0 0;width:var(--side-width);background:#fff;border-right:1px solid #e6e8f1;z-index:50;display:flex;flex-direction:column;overflow:auto}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:24px 20px;color:#5154dc;font-weight:750;font-size:18px;border-bottom:1px solid #eff0f7}.sidebar-brand small{display:block;color:#a0a4b7;font-size:11px;font-weight:400;letter-spacing:1px}.brand-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#6a64ff,#4646d9);color:#fff}.sidebar-store{padding:16px 18px 8px}.sidebar-store label{font-size:11px;margin:0 0 8px;color:#9ca1b4}.sidebar-store select{font-size:13px;padding:10px;max-width:100%}.merchant-nav{padding:4px 12px 20px}.nav-group{font-size:11px;color:#a5a9bd;padding:19px 14px 8px}.merchant-nav button{width:100%;display:flex;justify-content:flex-start;gap:14px;padding:13px 15px;margin:3px 0;background:transparent;border-radius:12px;color:#62677c;font-size:14px;font-weight:500;transition:background .15s}.merchant-nav button:hover{background:#f3f3fe}.merchant-nav button.active{color:white;background:linear-gradient(110deg,#655eff,#4f4fe4);box-shadow:0 6px 16px #5b5fef2d}.merchant-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar-foot{margin-top:auto;padding:20px;color:#afb3c4;text-align:center;font-size:11px}.merchant-header{min-height:76px;position:sticky;top:0;z-index:35;box-shadow:0 2px 8px #2c326004;padding:14px 28px}.header-title{display:flex;align-items:center;gap:14px}.header-title strong{display:block;font-size:19px}.header-title span{display:block;font-size:12px;color:#a0a4b7;margin-top:3px}.header-actions{display:flex;align-items:center;gap:10px}.header-actions button{padding:8px 14px;font-size:12px}.menu-toggle{display:none}.merchant-main{max-width:1440px;padding:24px 28px 55px}.merchant-portal.authenticated .merchant-header{margin-left:var(--side-width)}.merchant-portal.authenticated .merchant-main{margin-left:var(--side-width);max-width:none}.store-context{margin:0 0 24px;padding:15px 22px}.store-context .actions{margin:0;gap:18px}.store-context .actions span{font-size:12px}.store-context .button{margin-left:auto;padding:7px 14px;font-size:12px}.store-context p{margin:8px 0 0}.merchant-main .panel:first-child{margin-top:0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e8eaf4;border-radius:16px;padding:22px}.stat-card span{display:block;color:#9298ac;font-size:12px}.stat-card strong{display:block;font-size:27px;margin-top:10px;color:#353b56}.stat-card .accent{color:#5b5fef}.dashboard-welcome{padding:27px 30px;border-radius:18px;color:white;background:linear-gradient(115deg,#5652e8,#8b83fb);margin-bottom:24px}.dashboard-welcome h2{margin:0 0 7px}.dashboard-welcome p{margin:0;color:#eeecff;font-size:13px}.product-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.product-thumb{width:46px;height:46px;border-radius:9px;object-fit:cover;background:#f4f4fa}.product-name-cell{display:flex;align-items:center;gap:12px}.product-name-cell small{display:block;color:#9ba1b4}.merchant-portal table button{padding:7px 12px;font-size:12px;white-space:nowrap}.table-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.table-controls input{max-width:260px}.save-confirmation{padding:14px 18px;background:#eaf9f2;color:#14754d;border:1px solid #d2eddf;border-radius:12px;margin-bottom:18px}.nav-shade{position:fixed;inset:0;background:#181b3950;z-index:45;border-radius:0}.merchant-main .error:empty{display:none}.merchant-portal:not(.authenticated) .merchant-header{margin-left:0}.merchant-portal:not(.authenticated) .merchant-main{margin:auto}.merchant-portal:not(.authenticated) .menu-toggle{display:none}.merchant-portal #flash{top:14px;max-width:min(680px,90%);font-size:14px}.merchant-main form [aria-invalid=true]{border-color:#db5265}.mobile-only{display:none}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-portal{--side-width:220px}.merchant-main{padding:22px 20px}}@media(max-width:850px){.merchant-sidebar{transform:translateX(-100%);transition:transform .18s}.merchant-portal.nav-open .merchant-sidebar{transform:translateX(0)}.merchant-portal.authenticated .merchant-header,.merchant-portal.authenticated .merchant-main{margin-left:0}.menu-toggle{display:inline-flex;background:#f0f0ff;color:#5756dc;padding:5px 11px;font-size:22px;border-radius:9px}.merchant-header{padding:12px 16px}.header-title strong{font-size:17px}.header-title span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions .muted{display:none}.merchant-main{padding:18px 14px 45px}.store-context{padding:14px}.store-context .actions{gap:9px}.store-context .button{margin-left:0}.stat-grid{gap:12px}.stat-card{padding:17px}.stat-card strong{font-size:23px}.dashboard-welcome{padding:24px}.mobile-only{display:block}.product-toolbar{align-items:flex-start;flex-direction:column}.merchant-main .split{grid-template-columns:1fr}}
.merchant-portal:not(.authenticated){background:linear-gradient(145deg,#f5f6ff 0%,#eef1fb 100%)}
.merchant-portal:not(.authenticated) .merchant-header{justify-content:center;text-align:center;background:rgba(255,255,255,.9)}
.merchant-portal:not(.authenticated) .header-title{justify-content:center}
.merchant-portal:not(.authenticated) .merchant-main{max-width:540px;padding-top:52px}
.merchant-portal:not(.authenticated) .hero{text-align:center;margin-bottom:22px}
.merchant-portal:not(.authenticated) .hero h1{font-size:30px;margin-bottom:10px}
.merchant-portal:not(.authenticated) .auth{border:1px solid #e5e7f5;border-radius:20px;box-shadow:0 18px 50px rgba(60,65,130,.12);padding:30px}
.merchant-portal:not(.authenticated) .auth h2{text-align:center;font-size:22px;margin-top:0}
.merchant-portal:not(.authenticated) .auth .actions button{flex:1}
.merchant-portal:not(.authenticated) footer{text-align:center;color:#9ba1b4}
@media(max-width:600px){.merchant-portal:not(.authenticated) .merchant-main{padding:35px 16px}.merchant-portal:not(.authenticated) .auth{padding:24px 20px}.merchant-portal:not(.authenticated) .hero h1{font-size:26px}}