:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#172033;background:#f5f7fb;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.auth-view{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#edf5ff,#f9fbff)}.auth-card{width:min(460px,100%);padding:38px;background:#fff;border:1px solid #dce5f2;border-radius:24px;box-shadow:0 20px 60px #1e4d8d18}.brand-line{display:flex;align-items:center;gap:12px}.brand-line strong{display:block;font-size:18px}.brand-line small{display:block;color:#75829a;margin-top:2px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#1769e8;color:white;font-weight:800;font-size:21px}.auth-card h1{margin:30px 0 8px;font-size:30px}.muted{color:#75829a}.auth-card form{display:grid;gap:16px;margin-top:24px}.auth-card label,.form-grid label{display:grid;gap:7px;color:#52617a;font-size:14px;font-weight:600}.auth-card input,.form-grid input,.form-grid select,.form-grid textarea,.code-row input{width:100%;border:1px solid #d9e1ed;border-radius:10px;padding:11px 12px;color:#172033;background:#fff;outline:0}.auth-card input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#1769e8;box-shadow:0 0 0 3px #1769e81a}.code-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.button{border:0;border-radius:10px;padding:10px 15px;font-weight:700;transition:.15s}.button:hover{transform:translateY(-1px)}.button.primary{background:#1769e8;color:#fff}.button.secondary{background:#edf2f9;color:#2c466a}.button.wide{width:100%;padding:13px}.login-note,.side-note{font-size:12px;color:#8995a9}.back-link{display:block;margin-top:20px;color:#1769e8;text-decoration:none}.message{min-height:22px;margin:0;color:#1769e8}.message.error{color:#c7374c}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#10264b;color:#fff;padding:24px 16px;display:flex;flex-direction:column}.brand-sidebar{padding:0 8px 24px}.brand-sidebar small{color:#aabbd7}.merchant-identity{margin:4px 0 20px;padding:12px;border:1px solid #ffffff20;border-radius:12px;color:#dbe8ff;font-size:13px}.merchant-identity strong{display:block;color:#fff;margin-bottom:4px}.nav{display:grid;gap:6px}.nav-item{width:100%;border:0;text-align:left;background:transparent;color:#b8c8e2;padding:12px 13px;border-radius:10px;font-weight:600}.nav-item:hover,.nav-item.active{background:#2b62bb;color:#fff}.side-note{margin-top:auto;color:#91a7ca;line-height:1.7;padding:8px}.main{margin-left:245px;width:calc(100% - 245px);padding:28px 36px 60px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:8px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#5c78a3;font-weight:800}.topbar h1{margin:5px 0 2px;font-size:30px}.topbar p{margin:0;color:#75829a}.top-actions{display:flex;align-items:center;gap:10px}.connection{font-size:13px;border-radius:99px;padding:7px 12px;background:#e9f8ef;color:#16814a}.connection.bad{background:#fff0f1;color:#b62b3d}.view-panel{max-width:1200px}.card{background:#fff;border:1px solid #e0e7f1;border-radius:16px;padding:20px;box-shadow:0 8px 24px #1e4d8d08}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.stat-card{background:#fff;border:1px solid #e0e7f1;border-radius:16px;padding:18px;text-align:left}.stat-card small{color:#75829a}.stat-card strong{display:block;font-size:32px;margin:8px 0}.stat-card span{font-size:12px;color:#5873a0}.blue{border-top:4px solid #3478eb}.green{border-top:4px solid #20a56d}.amber{border-top:4px solid #e6a72e}.violet{border-top:4px solid #8d62e8}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:22px 0 12px}.section-head h2{margin:0;font-size:20px}.section-head p{margin:3px 0 0;color:#75829a}.toolbar{display:flex;gap:8px}.toolbar input,.toolbar select{border:1px solid #d9e1ed;border-radius:9px;padding:9px}.order-list,.product-grid{display:grid;gap:12px}.order-card,.product-card{background:#fff;border:1px solid #e0e7f1;border-radius:14px;padding:18px}.list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.list-title{font-weight:800;color:#1a2e50}.list-subtitle{font-size:13px;color:#7888a1;margin-top:4px}.badge{display:inline-block;border-radius:99px;padding:4px 9px;font-size:12px;font-weight:700;background:#fff5dd;color:#a26800;white-space:nowrap}.badge.good{background:#e8f8ef;color:#14804a}.badge.bad{background:#ffedf0;color:#b32d40}.items{display:grid;gap:6px;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;margin:14px 0;padding:12px 0}.item-row{display:flex;justify-content:space-between;gap:10px;color:#52617a;font-size:14px}.meta{color:#718099;font-size:13px;line-height:1.8}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.actions .button{font-size:13px}.empty{padding:46px;text-align:center;color:#8793a5;background:#fff;border:1px dashed #d8e1ed;border-radius:14px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card h3{margin:0 0 4px}.product-card .price{font-size:20px;font-weight:800;margin:12px 0}.product-meta{color:#718099;font-size:13px}.product-flags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.flag{border:0;border-radius:99px;padding:5px 9px;font-size:12px;background:#f0f3f7;color:#75829a}.flag.on{background:#e8f8ef;color:#14804a}.sku-list{margin-top:12px;padding-top:10px;border-top:1px solid #edf1f6;display:grid;gap:5px}.sku-row{display:flex;justify-content:space-between;color:#65758d;font-size:13px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-card h2{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.check-label{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important;gap:8px!important}.check-label input{width:auto}.category-row,.slot-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf1f6}.slot-row{grid-template-columns:90px 1fr 1fr auto}.category-row input,.slot-row input,.slot-row select{width:100%;border:1px solid #d9e1ed;border-radius:8px;padding:8px}.mini{font-size:12px;padding:7px 10px}.dialog-head{display:flex;justify-content:space-between;gap:16px}.dialog-head h2{margin:0}.icon-button{border:0;background:transparent;font-size:28px;color:#73829a}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}dialog{border:0;border-radius:18px;padding:24px;width:min(640px,calc(100% - 30px));box-shadow:0 30px 80px #10264b40}dialog::backdrop{background:#10264b66}.form-grid{margin-top:18px}@media(max-width:980px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{position:static;width:100%;min-height:auto}.app-shell{display:block}.main{margin-left:0;width:100%;padding:20px 14px 42px}.nav{grid-template-columns:repeat(4,1fr)}.nav-item{text-align:center;padding:9px 4px;font-size:12px}.brand-sidebar,.merchant-identity,.side-note{display:none}.topbar{display:block}.top-actions{margin-top:14px;flex-wrap:wrap}.stat-grid,.product-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.settings-grid{grid-template-columns:1fr}.category-row{grid-template-columns:1fr auto}.slot-row{grid-template-columns:1fr 1fr}.slot-row select{grid-column:1/-1}}

.auth-card{width:min(620px,100%)}
.store-profile{margin-bottom:16px}.store-profile-head{display:flex;align-items:center;gap:14px}.store-profile-head h2{margin:0 0 3px}.store-avatar{width:64px;height:64px;border-radius:16px;object-fit:cover;background:#eaf1ff}.store-avatar-empty{display:grid;place-items:center;color:#6680aa;font-size:12px}.store-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;padding-top:14px;border-top:1px solid #edf1f6}.store-profile-grid div{display:grid;gap:3px;min-width:0}.store-profile-grid small{color:#8793a5;font-size:12px}.store-profile-grid span{color:#52617a;word-break:break-word}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:24px;padding:4px;border-radius:12px;background:#f0f4fa}
.auth-tab{border:0;border-radius:9px;padding:10px;background:transparent;color:#65758d;font-weight:700}
.auth-tab.active{background:#fff;color:#1769e8;box-shadow:0 2px 8px #1e4d8d16}
.auth-panel{margin-top:2px}
.register-grid{margin-top:0}
.pending-panel{margin-top:28px;padding:26px 14px;text-align:center;border:1px solid #dce8f7;border-radius:16px;background:#f8fbff}
.pending-icon{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 12px;border-radius:50%;background:#e8f8ef;color:#16814a;font-size:28px;font-weight:800}
.pending-panel h2{margin:0 0 8px}
.pending-panel .button{margin-top:12px}
.pending-merchant{color:#52617a;font-weight:700}
/* Keep the HTML hidden attribute authoritative even when component styles set display. */
[hidden] { display: none !important; }