:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#12233d;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#f2f4f7}button{font-family:inherit}.app{max-width:900px;margin:0 auto;padding:24px 16px 64px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.topbar h1{margin:0;font-size:28px}.topbar-title{align-items:center;gap:12px;display:flex}.header-logo{flex-shrink:0}.last-sync{color:#8a94a3;margin:-8px 0 16px;font-size:13px}.company{color:#5a6577;margin:4px 0 0;font-size:16px}.linklike{font:inherit;color:#1b4dd1;cursor:pointer;background:0 0;border:none;padding:4px 0 0;font-size:15px;text-decoration:underline}.login-page{max-width:380px;margin:0 auto}.brand{flex-direction:column;align-items:center;gap:8px;margin:9vh 0 28px;display:flex}.brand-name{letter-spacing:.02em;color:#12233d;font-size:40px;font-weight:800}.brand-tagline{color:#5a6577;font-size:15px;font-weight:600}.brand-tagline i{color:#1b4dd1;margin:0 4px;font-style:normal}.login{flex-direction:column;gap:16px;display:flex}.field{color:#5a6577;flex-direction:column;gap:6px;font-size:15px;display:flex}.input{background:#fff;border:2px solid #d6dbe5;border-radius:12px;min-height:52px;padding:0 16px;font-size:18px}.input:focus{border-color:#1b4dd1;outline:none}.footer{border-top:1px solid #e0e4ea;justify-content:space-between;align-items:center;margin-top:32px;padding-top:16px;display:flex}.muted-inline{color:#6b7688;font-size:14px}.list-note{text-align:center;margin-top:12px}.company-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.company-card{flex-direction:column;gap:10px;display:flex}.company-btn{cursor:pointer;text-align:left;background:#fff;border:2px solid #d6dbe5;border-radius:16px;flex-direction:column;gap:6px;min-height:110px;padding:20px;display:flex}.company-btn:active{filter:brightness(.96)}.company-name{font-size:22px;font-weight:700}.conn{font-size:13px;font-weight:600}.conn-ok{color:#1c6b3c}.conn-off{color:#a06400}.actions{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;min-height:56px;padding:0 24px;font-size:17px;font-weight:600;transition:filter .1s}.btn:active{filter:brightness(.92)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{color:#fff;background:#1b4dd1}.btn-secondary{color:#12233d;background:#e4e8ef}.banner{border-radius:12px;margin-bottom:16px;padding:14px 16px;font-size:16px}.banner-info{color:#14509e;background:#e3f0ff}.banner-error{color:#a12b1c;background:#ffe6e3}.muted{color:#6b7688;text-align:center;padding:32px 8px;font-size:17px}.pill-link{white-space:nowrap;color:#12233d;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d0d7e2;border-radius:999px;align-self:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.pill-link:hover{background:#f2f5fa;border-color:#b9c3d3}.pill-link:active{background:#e9eef6}.pill-arrow{color:#1b4dd1;font-size:17px}.order-list,.item-list{margin:0;padding:0;list-style:none}.carrier-badge{letter-spacing:.04em;color:#fff;white-space:nowrap;background:#12233d;border-radius:8px;padding:6px 12px;font-size:15px;font-weight:800}.order-items{color:#5a6577;margin:8px 0 0;font-size:15px}.more{color:#12233d;font-weight:700}.order-list{flex-direction:column;gap:14px;display:flex}.order-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 1px 3px #141e3214}.order-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.buyer{font-size:19px;font-weight:700}.status{text-transform:uppercase;letter-spacing:.04em;color:#5a6577;white-space:nowrap;background:#eef1f6;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700}.status-new{color:#14509e;background:#e3f0ff}.status-packing{color:#8a5a00;background:#fff3d6}.status-packed{color:#1c6b3c;background:#e6f4ea}.status-shipped{color:#3a3f8f;background:#e8eaf6}.status-error{color:#a12b1c;background:#ffe6e3}.address{color:#5a6577;margin:6px 0 14px;font-size:15px}.item-list{flex-direction:column;gap:10px;display:flex}.item{align-items:center;gap:12px;display:flex}.thumb{object-fit:cover;background:#eef1f6;border-radius:10px;flex-shrink:0;width:56px;height:56px}.thumb-empty{background:repeating-linear-gradient(45deg,#edf0f5,#edf0f5 6px,#e3e7ee 6px 12px)}.item-name{flex:1;font-size:16px}.qty{color:#12233d;font-size:17px;font-weight:700}.order-card-btn{text-align:left;cursor:pointer;width:100%;font:inherit;border:none;display:block}.detail-head{margin:16px 0}.detail-head h1{margin:0 0 4px;font-size:26px}.delivery{color:#14509e;margin:2px 0 0;font-size:15px;font-weight:600}.detail-items{background:#fff;border-radius:16px;margin:16px 0;padding:16px}.thumb-lg{width:80px;height:80px}.product{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:14px;margin:16px 0 24px;padding:24px 16px;display:flex;box-shadow:0 1px 3px #141e3214}.product-image{aspect-ratio:1;object-fit:contain;background:#f2f4f7;border-radius:12px;width:100%;max-width:320px}.product-image-empty{color:#9aa4b2;justify-content:center;align-items:center;font-size:14px;display:flex}.product-name{max-width:42ch;margin:0;font-size:20px;font-weight:600;line-height:1.35}.product-qty{color:#5a6577;margin:0;font-size:20px}.product-qty strong{color:#12233d;font-size:40px;line-height:1}.ship-section{margin-top:20px}.ship-section h2{margin:0 0 12px;font-size:19px}.ship-section.generating{background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;display:flex;box-shadow:0 1px 3px #141e3214}.spinner{border:4px solid #dbe2ee;border-top-color:#1b4dd1;border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.generating-title{margin:0;font-size:19px;font-weight:700}.generating-hint{color:#5a6577;text-align:center;margin:0;font-size:15px}.generating-timer{color:#9aa4b2}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.preset-btn{cursor:pointer;text-align:left;background:#fff;border:2px solid #d6dbe5;border-radius:14px;flex-direction:column;gap:4px;min-height:84px;padding:14px;display:flex}.preset-btn:active{filter:brightness(.95)}.preset-selected{background:#eef4ff;border-color:#1b4dd1}.preset-name{font-size:18px;font-weight:700}.preset-detail{color:#5a6577;font-size:13px}.preset-warn{background:#fff8ec;border-color:#e0a021}.preset-warn.preset-selected{background:#fdeecd;border-color:#c67f00}.preset-warn-text{color:#a5620a;font-size:12px;font-weight:600}.btn-block{justify-content:center;align-items:center;width:100%;margin-top:10px;text-decoration:none;display:flex}.banner-ok{color:#1c6b3c;background:#e6f4ea}.label-preview{background:#fff;border:1px solid #d6dbe5;border-radius:8px;width:100%;max-width:360px;margin:12px auto;display:block}