:root{--blue:#2f73ea;--bg:#f5f7fb;--line:#e4e9f2;--text:#1f2937;--sub:#7b8798;--green:#21a566;--orange:#e89b25;--red:#e95050;--shadow:0 6px 20px #1a274414}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-width:320px;min-height:100dvh;color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.muted{color:var(--sub)}.blue{color:var(--blue)}.green{color:var(--green)}.orange{color:var(--orange)}.red{color:var(--red)}.spacer{flex:1}.brand-symbol{--mark-size:30px;flex:0 0 var(--mark-size);width:var(--mark-size);height:var(--mark-size);border-radius:calc(var(--mark-size) * .17);color:#fff;background:linear-gradient(90deg,#2f73ea,#08b8d2,#20c56b);display:inline-block;position:relative}.brand-symbol:before,.brand-symbol:after{content:"✦";font-style:normal;display:block;position:absolute}.brand-symbol:before{font-size:calc(var(--mark-size) * .46);top:23%;left:27%}.brand-symbol:after{font-size:calc(var(--mark-size) * .24);text-shadow:0 calc(var(--mark-size) * .31) 0 #fff;top:12%;right:18%}.brand-symbol-lg{--mark-size:64px}.card{border:1px solid var(--line);background:#fff;border-radius:7px;padding:24px;box-shadow:0 1px 1px #00000003}.btn{border:0;border-radius:6px;padding:12px 20px;font-size:14px}.btn-primary{background:var(--blue);color:#fff}.btn-outline{color:#354052;background:#fff;border:1px solid #b9c5d8}.btn-ghost{color:var(--blue);background:0 0}input,select{width:100%;color:var(--text);background:#fff;border:1px solid #dbe2ec;border-radius:5px;outline:none;padding:12px 13px;font-size:14px}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2f73ea17}.toast{color:#fff;z-index:1000;box-shadow:var(--shadow);border-radius:7px;padding:12px 18px;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.toast-info{background:#263242}.toast-success{background:#16784a}.toast-error{background:#c53d3d}.mobile-stage{max-width:420px;min-height:760px;box-shadow:var(--shadow);background:#fff;border-radius:8px;margin:20px auto 50px;overflow:hidden}.mobile-nav{border-bottom:1px solid #eef1f5;align-items:center;height:52px;padding:0 14px;display:flex}.mobile-nav>span,.mobile-nav>button{flex:0 0 52px}.mobile-nav>span:last-child{text-align:right}.mobile-brand{justify-content:center;align-items:center;gap:7px;margin:auto;display:flex}.mobile-brand .brand-symbol{--mark-size:26px}.nav-text-button{color:var(--sub);text-align:left;background:0 0;border:0;padding:0}.mobile-body{padding:20px}.mobile-body h2.h5-title{text-align:center;margin-top:35px}.phone-label,.mobile-login-body label{color:var(--sub);margin:18px 0 7px;font-size:12px;display:block}.full-button{width:100%}.generate-button{margin-top:45px}.h5-form-space{height:48px}.sales-welcome{color:var(--blue);background:#eef5ff;border-radius:4px;margin:4px 0 0;padding:5px 9px;font-size:12px;display:inline-block}.result{text-align:center}.urlbox{word-break:break-all;text-align:left;background:#f5f7fa;border-radius:5px;margin-top:22px;padding:10px;font-size:12px}.result-space{height:45px}.qr-wrap{justify-content:center;display:flex}.qr-image{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;width:210px;height:210px;display:block}.share-row{justify-content:center;gap:10px;margin-top:25px;display:flex}.mobile-login-body{text-align:center;padding-top:72px}.mobile-login-body .brand-symbol{margin:0 auto 18px}.mobile-login-body h1{margin:0 0 8px;font-size:26px}.mobile-login-body label{text-align:left}.code-row{grid-template-columns:1fr 128px;gap:10px;display:grid}.login-submit{width:100%;min-height:50px;margin-top:24px}.sales-login-shell{place-items:center;min-height:100vh;padding:40px 20px;display:grid}.sales-login-card{width:min(480px,100%);padding:40px 42px 32px}.login-brand{text-align:center;margin-bottom:32px}.login-brand .brand-symbol{margin:0 auto 20px}.login-brand h1{margin:0;font-size:28px;font-weight:800}.login-brand p{margin:8px 0 0;font-size:15px;font-weight:500}.sales-login-card label{color:var(--sub);margin:18px 0 8px;display:block}.sales-login-card input,.sales-login-card .btn{min-height:50px}.topbar{background:#fff;align-items:center;height:76px;padding:0 34px;display:flex}.brand{color:var(--blue);font-size:22px;font-weight:800}.account-menu{position:relative}.account-trigger{color:#26364d;background:#fff;border:1px solid #dbe3ef;border-radius:6px;align-items:center;gap:9px;padding:7px 10px;font-weight:600;display:flex}.account-avatar{width:28px;height:28px;color:var(--blue);background:#eef5ff;border-radius:50%;place-items:center;display:grid}.account-dropdown{z-index:20;background:#fff;border:1px solid #dfe5ee;border-radius:7px;width:224px;padding:10px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #192c4824}.account-info{padding:8px 10px 12px}.account-info strong,.account-info span{display:block}.account-info span{color:var(--sub);margin-top:5px;font-size:12px}.account-logout{border-top:1px solid var(--line);text-align:left;width:100%;color:var(--red);border-radius:0;margin-top:4px}.container{width:min(1240px,100% - 48px);margin:26px auto 54px}.title{margin:0;font-weight:800}.admin-title{margin-bottom:30px;font-size:34px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:142px;padding:26px 30px;box-shadow:0 2px 5px #2135520f}.stat strong{margin-top:20px;font-size:26px;display:block}.order-toolbar{flex-wrap:nowrap;align-items:center;gap:8px;margin:34px 8px 10px;display:flex}.range-filter,.date-range,.toolbar-actions{align-items:center;gap:6px;display:flex}.range-filter .btn{color:#405069;background:#fff;border:1px solid #d8e0eb;padding:10px 12px}.range-filter .btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.date-range{gap:8px}.date-range input{width:132px;padding:9px 10px}.toolbar-search{width:270px;margin-left:4px}.status-select-wrap{flex:0 0 148px;width:148px;position:relative}.status-select-trigger{width:100%;height:46px;color:var(--text);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dbe2ec;border-radius:5px;justify-content:space-between;align-items:center;gap:6px;padding:0 11px 0 13px;display:flex}.status-select-trigger:focus,.status-select-trigger[aria-expanded=true]{border-color:var(--blue);outline:0}.status-select-trigger svg{flex:none;transition:transform .16s}.status-select-trigger span{white-space:nowrap;min-width:0}.status-select-trigger svg.rotated{transform:rotate(180deg)}.status-select-menu{z-index:30;background:#fff;border:1px solid #dbe2ec;border-radius:6px;width:168px;padding:5px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 28px #192c4824}.status-select-option{color:#354052;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:38px;padding:8px 10px;display:flex}.status-select-option:hover,.status-select-option.selected{color:var(--blue);background:#eef5ff}.toolbar-actions{gap:8px;margin-left:auto}.toolbar-action-button{white-space:nowrap;min-width:60px;height:42px;padding:10px 14px}.export-button{color:#354052;background:#fff;border:1px solid #b9c5d8;font-weight:600}.order-table-card{padding:0;overflow:hidden}.table-wrap{overflow:auto}.table{border-collapse:collapse;background:#fff;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:18px 28px;font-size:14px}.table th{color:var(--sub);background:#fbfcfe;font-weight:600}.table td:first-child{font-weight:700}.table-action{min-width:0;color:var(--blue);background:0 0;border:0;padding:0}.empty-cell{height:160px;color:var(--sub);text-align:center!important}.table-footer{border-top:1px solid var(--line);align-items:center;min-height:64px;padding:12px 24px;display:flex}.pagination{align-items:center;gap:8px;margin-left:auto;display:flex}.page-button{color:#58667b;background:#fff;border:1px solid #dbe3ef;border-radius:5px;width:34px;height:34px;padding:0}.page-button.active{border-color:var(--blue);background:var(--blue);color:#fff}.modal-mask{z-index:999;background:#10182859;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:calc(100% - 32px);max-width:620px;padding:26px;box-shadow:0 22px 60px #00000038}.modal-title-row{align-items:center;display:flex}.modal-title-row h2{margin:0}.modal-close{color:#667085;background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;margin-left:auto;padding:0;display:grid}.refund-order-card{background:#fafbfd;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px;display:grid}.refund-order-card span,.refund-order-card b{display:block}.refund-order-card b{margin-top:6px}.refund-detail{text-align:center;background:#eef6ff;border-radius:6px;margin-top:14px;padding:18px}.refund-total{text-align:center}.refund-total strong{color:var(--red);font-size:30px}.modal-actions{justify-content:center;gap:10px;display:flex}@media (width<=1100px){.order-toolbar{flex-wrap:wrap}.toolbar-search{width:280px;margin-left:0}.toolbar-actions{margin-left:0}}@media (width<=760px){.container{width:calc(100% - 24px);margin-top:18px}.stat-grid{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 16px}}@media (width<=520px){.btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-size:15px;font-weight:600;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.985)}.btn-primary{color:#fff;box-shadow:none;background:#2f73ea}.btn-primary:active:not(:disabled){background:#2868d7}.btn-outline{color:#344054;background:#fff;border-color:#d0d8e5}.btn-outline:active:not(:disabled){background:#f2f4f7}.btn:disabled{opacity:.46}.mobile-stage{max-width:none;min-height:100dvh;box-shadow:none;border-radius:0;margin:0}.mobile-nav{height:50px;padding-inline:12px}.mobile-nav>span,.mobile-nav>button{flex-basis:46px}.mobile-brand{font-size:17px;font-weight:700}.mobile-body{padding:22px 18px 18px;padding-bottom:max(20px, env(safe-area-inset-bottom))}.mobile-body h2.h5-title{margin:18px 0 8px;font-size:22px}.mobile-body>.muted{text-align:center;margin:0 0 24px;font-size:13px}.phone-label{margin-top:14px;font-size:13px}.mobile-body input{min-height:44px;padding:10px 12px;font-size:16px}.code-row{grid-template-columns:minmax(0,1fr) 110px;gap:8px}.code-row .btn{color:#2868d7;background:#f3f7ff;border-color:#b9cdf4;min-height:44px;padding-inline:8px}.generate-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;min-height:48px;margin-top:26px;font-size:16px;box-shadow:0 8px 18px #2563eb3d}.generate-button:active:not(:disabled){background:linear-gradient(135deg,#3478e7,#2058cf);transform:translateY(1px)scale(.99);box-shadow:0 4px 10px #2563eb33}.result .qr-wrap{margin-top:14px}.qr-wrap canvas,.qr-image{width:min(210px,62vw)!important;height:min(210px,62vw)!important}.result>.muted{margin:10px 0 0}.share-row{margin-top:18px}.share-row .btn{flex:1;min-height:44px;padding-inline:10px}.share-row .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;box-shadow:0 6px 14px #2563eb33}.toast{bottom:max(20px, env(safe-area-inset-bottom));text-align:center;width:min(360px,100% - 32px)}.sales-login-card{padding:32px 24px}}@media (width<=359px){.mobile-body{padding-inline:14px}.code-row{grid-template-columns:minmax(0,1fr) 98px;gap:6px}.code-row .btn{font-size:12px}}