:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#172026;background:#f5f7f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7f8}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}:is(a,button,input,select,textarea):focus{outline:none}:is(a,button,input,select,textarea):focus-visible{outline:3px solid #f59e0b;outline-offset:3px;box-shadow:0 0 0 6px #f59e0b2e}.admin-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:248px;height:100vh;overflow-y:auto;padding:20px 14px;border-right:1px solid #dfe5e8;background:#fff}.brand{display:flex;align-items:center;gap:10px;padding:8px 10px 20px}.brand strong,.brand span{display:block}.brand span{margin-top:2px;color:#6b7780;font-size:12px}.nav-list{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border-radius:8px;color:#53616b;font-size:14px;transition:background-color .14s ease,color .14s ease,transform .14s ease}.nav-item:hover,.nav-item-active{background:#e8f3f1;color:#0f766e}.nav-item:hover{transform:translate(2px)}.main-area{display:flex;flex-direction:column;min-width:0;min-height:100vh;flex:1}.topbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:0 28px;border-bottom:1px solid #dfe5e8;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-label{margin-right:8px;color:#71808a;font-size:12px;font-weight:700}.topbar-actions{display:inline-flex;align-items:center;gap:10px;min-width:0}.logout-error{max-width:220px;color:#b42318;font-size:12px;font-weight:700;line-height:1.4}.topbar-user{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;background:#eef3f4;color:#40515a;font-size:12px;font-weight:700}code{padding:2px 6px;border-radius:6px;background:#eef3f4;color:#234047;font-size:12px}.topbar-badge,.status-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:700}.topbar-badge{background:#172026;color:#fff}.connection-pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800}.connection-good{background:#dcfce7;color:#166534}.connection-bad{background:#fee2e2;color:#991b1b}.content{width:100%;max-width:1440px;flex:1;margin:0 auto;padding:32px 40px}.admin-compliance,.login-compliance{padding:16px 24px 20px;color:#71808a;font-size:12px;line-height:1.5;text-align:center}.admin-compliance a:hover,.login-compliance a:hover{color:#0f766e}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.page-header h1{margin:0;font-size:28px;line-height:1.2}.page-header p{max-width:680px;margin:8px 0 0;color:#66757f;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:0;border-radius:8px;background:#0f766e;color:#fff;font-weight:700;transition:background-color .14s ease,transform .14s ease,box-shadow .14s ease}.button:not(:disabled):hover{box-shadow:0 10px 18px #0f766e2e;transform:translateY(-1px)}.button:disabled{cursor:not-allowed;background:#b9c6c9}.button-ghost{border:1px solid #dfe5e8;background:#fff;color:#53616b}.button-ghost:hover{background:#f7f9fa;box-shadow:none}.button-danger{border:1px solid #fecaca;background:#fff7f7;color:#991b1b}.button-danger:not(:disabled):hover{background:#fee2e2;box-shadow:none}.card{border:1px solid #dfe5e8;border-radius:8px;background:#fff;box-shadow:0 10px 24px #1720260d}.card:hover{box-shadow:0 14px 28px #17202612}.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:22px;border:1px solid #dfe5e8;border-radius:8px;background:#fff;box-shadow:0 10px 24px #1720260d}.hero-panel h2{margin:12px 0 6px;font-size:22px}.hero-panel p{margin:0;color:#66757f;line-height:1.6}.hero-actions{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.marketing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:16px;margin-bottom:16px}.marketing-hero-main,.marketing-hero-stats{border:1px solid #dfe5e8;border-radius:8px;background:#fff;box-shadow:0 10px 24px #1720260d}.marketing-hero-main{padding:22px}.marketing-hero-main h2{margin:12px 0 8px;font-size:24px;line-height:1.25}.marketing-hero-main p{max-width:760px;margin:0;color:#66757f;line-height:1.65}.marketing-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:1px;overflow:hidden;background:#dfe5e8}.marketing-hero-stats div{display:grid;gap:8px;min-height:124px;padding:18px;background:#fff}.marketing-hero-stats span{color:#66757f;font-size:12px;font-weight:800}.marketing-hero-stats strong{align-self:end;font-size:24px;line-height:1.1}.control-line-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.control-line-card{display:grid;align-content:start;gap:12px;padding:18px}.control-line-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.control-line-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#e8f3f1;color:#0f766e}.control-line-card h2,.control-line-card p{margin:0}.control-line-card h2{font-size:18px}.control-line-card strong{min-height:44px;color:#172026;line-height:1.45}.control-line-card p{color:#66757f;line-height:1.6}.control-line-actions,.control-shortcuts{display:flex;flex-wrap:wrap;gap:10px}.control-line-actions{margin-top:4px}.marketing-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;margin-bottom:16px}.marketing-checklist{display:grid;gap:10px;padding:18px}.marketing-check-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;padding:12px 14px;border:1px solid #edf1f3;border-radius:8px;background:#fbfcfc;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.marketing-check-item:hover{border-color:#9ccfca;background:#f4fbf9;transform:translateY(-1px)}.marketing-check-item>svg:first-child{color:#0f766e}.marketing-check-item strong,.marketing-check-item span{display:block}.marketing-check-item span{margin-top:4px;color:#66757f;font-size:13px}.control-shortcuts{padding:18px}.control-shortcuts .button{min-width:142px}.asset-strip{display:flex;flex-wrap:wrap;gap:10px;padding:18px}.asset-chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;max-width:100%;padding:0 10px;border:1px solid #edf1f3;border-radius:8px;background:#fbfcfc}.asset-chip svg{flex:none;color:#0f766e}.asset-chip span:not(.status-pill){min-width:0;max-width:220px;overflow:hidden;color:#40515a;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.metric-grid,.split-grid,.integration-grid{display:grid;gap:16px;margin-bottom:16px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:18px}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.users-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;padding:16px 18px}.summary-card svg{color:#0f766e}.summary-card span{color:#66757f;font-size:13px;font-weight:700}.summary-card strong{grid-column:1 / -1;font-size:26px}.filter-card{display:grid;grid-template-columns:minmax(260px,1fr) 180px auto auto;gap:12px;align-items:center;margin-bottom:16px;padding:14px}.users-filter-card{grid-template-columns:minmax(260px,1fr) 160px auto auto}.editor-card{margin-bottom:16px}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.compact-form{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-form label,.sku-editor label{display:grid;gap:8px;color:#40515a;font-size:13px;font-weight:800}.admin-form input,.admin-form select,.admin-form textarea,.sku-editor input,.sku-editor select{width:100%;min-height:40px;padding:0 12px;border:1px solid #dfe5e8;border-radius:8px;background:#fbfcfc;color:#172026}.admin-form textarea{min-height:92px;padding:10px 12px;resize:vertical}.form-section-title{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.form-wide{grid-column:1 / -1}.sku-editor-list{grid-column:1 / -1;display:grid;gap:12px}.sku-editor{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) auto;gap:12px;align-items:end;padding:14px;border:1px solid #edf1f3;border-radius:8px;background:#fbfcfc}.form-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 18px 18px}.form-actions .button{min-width:128px}.upload-dropzone{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;min-height:112px;padding:14px;border:1px dashed #9ccfca;border-radius:8px;background:#f4fbf9;color:#40515a}.simple-product-form{grid-template-columns:1fr}.simple-product-form label:last-of-type textarea{min-height:120px}.upload-dropzone img{width:96px;height:84px;border-radius:8px;object-fit:cover;background:#e8eef0}.upload-dropzone strong,.upload-dropzone span{display:block}.upload-dropzone span{margin-top:4px;color:#66757f;font-size:13px}.upload-dropzone input{margin-top:10px;min-height:auto;padding:0;border:0;background:transparent}.upload-clear{margin-top:10px}.banner-upload-dropzone{grid-template-columns:minmax(150px,220px) minmax(0,1fr)}.banner-upload-dropzone img,.banner-upload-dropzone .upload-preview-empty{width:100%;height:112px;border-radius:8px}.upload-preview-empty{display:grid;place-items:center;background:#e8eef0;color:#66757f;font-size:13px}.manual-url-field{padding:10px 12px;border:1px solid #edf1f3;border-radius:8px;background:#fbfcfc}.manual-url-field summary{cursor:pointer;color:#40515a;font-size:13px}.manual-url-field label{margin-top:10px}.category-icon-editor{display:grid;gap:10px}.category-upload-dropzone{grid-template-columns:76px minmax(0,1fr)}.category-upload-dropzone img,.category-upload-dropzone .category-icon-placeholder{width:76px;height:76px;border-radius:8px}.category-icon-placeholder,.category-icon-thumb span{display:grid;place-items:center;background:#e8f4f1;color:#0f766e;font-weight:700}.category-icon-thumb{width:42px;height:42px;overflow:hidden;border-radius:8px;background:#e8f4f1}.category-icon-thumb img,.category-icon-thumb span{width:100%;height:100%;object-fit:cover}.qr-preview-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:18px}.qr-preview-card h2{margin:0 0 8px;font-size:18px}.qr-preview-card p,.qr-preview-card small{display:block;margin:0 0 10px;color:#66757f}.qr-preview-card img{width:132px;height:132px;border:1px solid #dfe5e8;border-radius:8px;background:#fff}.qr-result-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:18px}.qr-result-card h2{margin:0 0 8px;font-size:18px}.qr-result-card p{margin:0 0 10px;color:#66757f}.qr-result-card img{width:148px;height:148px;border:1px solid #dfe5e8;border-radius:8px;background:#fff}.form-error{margin:0 18px 14px;color:#991b1b;font-size:13px;font-weight:800}.operation-success{display:flex;align-items:center;gap:9px;margin-bottom:16px;padding:11px 14px;border:1px solid #86c9a0;border-radius:8px;background:#eefaf2;color:#166534;font-size:13px;font-weight:800}.payment-review-note{display:flex;align-items:center;gap:5px;margin-top:6px;color:#8a5108;font-size:12px;font-weight:800;white-space:nowrap}.button-finance{border:1px solid #d8a64c;background:#fff8e7;color:#7a4500}.button-finance:not(:disabled):hover{background:#ffefc7;box-shadow:none}.button-finance-confirm{background:#116149}.dialog-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto;padding:24px;background:#17202694;animation:dialog-fade-in .14s ease-out}.finance-dialog{width:min(100%,560px);max-height:calc(100vh - 48px);overflow-y:auto;border:1px solid #cfd9dc;border-radius:8px;background:#fff;box-shadow:0 28px 70px #09181d4d;animation:dialog-rise-in .16s ease-out}.finance-dialog-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:20px 20px 14px;border-bottom:1px solid #edf1f3}.finance-dialog-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#fff1cc;color:#8a5108}.refund-approval-dialog .finance-dialog-mark{background:#e8f3f1;color:#0f766e}.refund-approval-dialog .finance-dialog-header span{color:#0f766e}.finance-dialog-header span{display:block;margin-bottom:3px;color:#8a5108;font-size:11px;font-weight:800}.finance-dialog-header h2{margin:0;font-size:19px}.dialog-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:#66757f}.dialog-close:not(:disabled):hover{background:#eef3f4;color:#172026}.dialog-close:disabled{cursor:not-allowed;opacity:.45}.finance-dialog-description{margin:16px 20px 0;color:#53616b;font-size:13px;line-height:1.65}.finance-payment-facts{display:grid;grid-template-columns:1.2fr 1.2fr .8fr;margin:16px 20px;border-block:1px solid #edf1f3}.finance-payment-facts>div{min-width:0;padding:13px 12px}.finance-payment-facts>div+div{border-left:1px solid #edf1f3}.finance-payment-facts dt{margin-bottom:6px;color:#66757f;font-size:11px;font-weight:800}.finance-payment-facts dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#234047;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:700;line-height:1.5}.finance-payment-facts .finance-amount{color:#8a5108;font-family:inherit;font-size:17px;font-weight:900}.finance-transaction-field{display:grid;gap:8px;margin:0 20px 20px;color:#40515a;font-size:13px;font-weight:800}.finance-transaction-field input{width:100%;min-height:44px;padding:0 12px;border:1px solid #cbd6d9;border-radius:8px;background:#fbfcfc;color:#172026;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.finance-transaction-field input[aria-invalid=true]{border-color:#dc6b6b;background:snow}.finance-transaction-field small{color:#66757f;font-size:11px;font-weight:600;line-height:1.5}.finance-transaction-field .field-error{color:#991b1b;font-weight:800}.finance-review-panel{display:grid;gap:12px;margin:0 20px 20px;padding:14px 16px;border-left:3px solid #d8a64c;background:#fffbeb}.finance-review-panel div{display:grid;gap:5px}.finance-review-panel span{color:#79510c;font-size:11px;font-weight:800}.finance-review-panel strong{overflow-wrap:anywhere;color:#3f2d0b;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px}.finance-review-panel p{display:flex;align-items:flex-start;gap:8px;margin:0;color:#61410b;font-size:12px;font-weight:700;line-height:1.55}.finance-review-panel p svg{flex:0 0 auto;margin-top:1px}.refund-approval-sequence{border-left-color:#0f766e;background:#f4fbf9}.refund-approval-sequence span{color:#0f625d}.refund-approval-sequence strong,.refund-approval-sequence p{color:#234047}.finance-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px 20px;border-top:1px solid #edf1f3}@keyframes dialog-fade-in{0%{opacity:0}}@keyframes dialog-rise-in{0%{opacity:0;transform:translateY(8px)}}.row-actions{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}.row-actions+.action-hint{margin-top:8px}.quick-filter-row{display:flex;flex-wrap:wrap;gap:10px;margin:-4px 0 16px}.quick-filter-row .button{min-height:34px;padding:0 12px;font-size:13px}.search-box{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid #dfe5e8;border-radius:8px;background:#fbfcfc;color:#66757f}.search-box input,.filter-card select{width:100%;min-width:0;border:0;background:transparent;color:#172026}.filter-card select{min-height:40px;padding:0 12px;border:1px solid #dfe5e8;border-radius:8px;background:#fbfcfc}.sync-meta{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;min-height:40px;color:#66757f;font-size:12px;font-weight:700;white-space:nowrap}.filter-actions{display:inline-flex;justify-content:flex-end}.filter-actions .button{min-height:40px;padding:0 12px}.sync-meta button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:8px;background:#e8f3f1;color:#0f766e;transition:transform .14s ease,background-color .14s ease}.sync-meta button:hover{background:#d8ece8;transform:rotate(12deg)}.metric-card{display:grid;gap:8px;padding:18px}.metric-card svg{color:#0f766e}.metric-card span,.metric-card small,.card-heading span{color:#66757f}.metric-card strong{font-size:28px}.todo-list{display:grid;gap:10px;padding:18px}.todo-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:64px;padding:12px 14px;border:1px solid #edf1f3;border-radius:8px;background:#fbfcfc;transition:border-color .14s ease,transform .14s ease,background-color .14s ease}.todo-item:hover{border-color:#9ccfca;background:#f4fbf9;transform:translateY(-1px)}.todo-item strong,.todo-item span{display:block}.todo-item span{margin-top:4px;color:#66757f;font-size:13px}.integration-panel{display:grid;gap:8px;min-width:0;padding:16px;border:1px solid #edf1f3;border-radius:8px;background:#fbfcfc}.integration-title{display:flex;align-items:center;gap:8px;color:#0f766e;font-size:13px;font-weight:800}.integration-panel strong,.integration-panel small{min-width:0;overflow-wrap:anywhere}.integration-panel strong{font-size:17px}.integration-panel small{color:#66757f;line-height:1.5}.payment-status-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 0;padding:0;border-top:1px solid #edf1f3;list-style:none}.payment-card-heading{align-items:flex-start}.payment-card-heading>div{min-width:0}.payment-card-heading .status-pill{flex:0 0 auto;white-space:nowrap}.payment-status-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;min-width:0;padding:18px;border-bottom:1px solid #edf1f3}.payment-status-item:nth-child(2n){border-left:1px solid #edf1f3}.payment-status-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#e8f3f1;color:#0f766e}.payment-status-content,.payment-status-title{min-width:0}.payment-status-content{display:grid;gap:8px}.payment-status-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.payment-status-title h3,.payment-status-content p,.payment-status-content small{overflow-wrap:anywhere}.payment-status-title h3{margin:0;font-size:16px}.payment-status-content p{margin:0;color:#40515a;font-size:13px;line-height:1.55}.payment-status-content small{color:#66757f;line-height:1.5}.payment-status-facts{display:flex;flex-wrap:wrap;gap:6px}.payment-status-facts>div{display:inline-flex;align-items:center;gap:3px;min-height:24px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:800}.finance-transaction-field>span{display:flex;align-items:center;gap:7px}.payment-status-facts dt,.payment-status-facts dd{margin:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 0}.card-heading h2{margin:0;font-size:18px}.inline-link{color:#0f766e;font-size:13px;font-weight:800}.table-wrap{overflow-x:auto}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid #edf1f3;color:#66757f;font-size:13px;font-weight:700}.pagination-bar>div{display:inline-flex;gap:8px}table{width:100%;border-collapse:collapse}th,td{padding:16px 20px;border-bottom:1px solid #edf1f3;text-align:left;white-space:nowrap}th{color:#66757f;font-size:12px;font-weight:800}td{font-size:14px}.table-cell-wrap{max-width:280px;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.table-cell-sm{max-width:180px}.table-cell-lg{max-width:360px}.table-cell-code{max-width:220px;color:#234047;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.selected-row{background:#f4fbf9}.table-link-button{display:grid;gap:4px;max-width:100%;padding:0;border:0;background:transparent;color:#0f766e;cursor:pointer;text-align:left}.table-link-button strong,.table-link-button span{min-width:0;overflow-wrap:anywhere}.table-link-button span{color:#66757f;font-size:12px}.compact-inline-link{padding:0}.users-workbench{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px;align-items:start}.users-list-card,.user-detail-card{min-width:0}.user-detail-card{display:grid;gap:14px;padding-bottom:18px}.user-profile-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #edf1f3}.user-profile-head h2,.user-profile-head p{margin:0}.user-profile-head p{margin-top:4px;overflow-wrap:anywhere;color:#66757f;font-size:12px}.user-avatar{display:grid;place-items:center;width:46px;height:46px;overflow:hidden;border-radius:8px;background:#e8f3f1;color:#0f766e;font-weight:800}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 18px}.user-stat-card{display:grid;gap:5px;min-height:76px;padding:12px;border:1px solid #edf1f3;border-radius:8px;background:#fbfcfc}.user-stat-card svg{color:#0f766e}.user-stat-card span{color:#66757f;font-size:12px;font-weight:800}.user-stat-card strong{font-size:20px}.user-profile-list{padding-top:4px;padding-bottom:4px}.user-relation-section{display:grid;gap:10px}.user-relation-list{display:grid;gap:8px;padding:0 18px}.user-relation-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;min-height:54px;padding:10px 12px;border:1px solid #edf1f3;border-radius:8px;background:#fbfcfc}.user-relation-item strong,.user-relation-item span{min-width:0;overflow-wrap:anywhere}.user-relation-item span{color:#66757f;font-size:12px}.user-empty-line{min-height:38px;color:#66757f;font-size:13px}.action-hint{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;background:#eef3f4;color:#40515a;font-size:12px;font-weight:800;white-space:nowrap}.action-warn{background:#fef3c7;color:#92400e}.status-neutral{background:#edf1f3;color:#53616b}.status-good{background:#dcfce7;color:#166534}.status-warn{background:#fef3c7;color:#92400e}.status-bad{background:#fee2e2;color:#991b1b}.product-cell{display:flex;align-items:center;gap:14px;min-width:330px}.product-table-wrap table{min-width:1120px;table-layout:fixed}.product-table-wrap th:nth-child(1),.product-table-wrap td:nth-child(1){width:330px}.product-table-wrap th:nth-child(2),.product-table-wrap td:nth-child(2){width:110px}.product-table-wrap th:nth-child(3),.product-table-wrap td:nth-child(3),.product-table-wrap th:nth-child(4),.product-table-wrap td:nth-child(4),.product-table-wrap th:nth-child(5),.product-table-wrap td:nth-child(5),.product-table-wrap th:nth-child(6),.product-table-wrap td:nth-child(6){width:84px}.product-table-wrap th:nth-child(7),.product-table-wrap td:nth-child(7){width:150px}.product-table-wrap th:nth-child(8),.product-table-wrap td:nth-child(8){width:360px}.product-table-wrap .row-actions{flex-wrap:nowrap;min-width:320px;gap:10px}.product-table-wrap .row-actions .button{min-width:72px;padding:0 13px;white-space:nowrap}@media(max-width:1200px){.product-table-wrap .row-actions{flex-wrap:wrap;min-width:0}.product-table-wrap .row-actions .button{min-width:0}.qr-result-card{align-items:flex-start;flex-direction:column}}.banner-console-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;margin-bottom:16px}.banner-form-card,.banner-preview-card{min-width:0}.banner-form{display:grid;gap:14px;padding:18px}.banner-form label{display:grid;gap:8px;color:#40515a;font-size:13px;font-weight:800}.banner-form input,.banner-form select{min-height:40px;padding:0 12px;border:1px solid #dfe5e8;border-radius:8px;background:#fbfcfc;color:#172026}.checkbox-row{grid-template-columns:auto 1fr;align-items:center;justify-content:start}.checkbox-row input{width:18px;min-height:18px;padding:0}.banner-actions{display:flex;align-items:center;gap:10px}.banner-preview-card{padding:18px}.banner-preview{display:grid;place-items:center;height:260px;overflow:hidden;border-radius:8px;background:#e8eef0;color:#66757f;font-weight:800}.banner-preview img{width:100%;height:100%;object-fit:cover}.banner-preview-meta{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:#66757f}.banner-preview-meta strong{color:#172026}.product-cell strong,.product-cell span{display:block}.product-cell span{margin-top:4px;color:#66757f;font-size:12px}.cover{width:46px;height:46px;overflow:hidden;border-radius:8px;background:#e8eef0}.cover img{width:100%;height:100%;object-fit:cover}.state-card,.empty-panel{display:grid;place-items:center;min-height:260px;padding:28px;text-align:center}.state-card{gap:10px;justify-items:center}.state-error{color:#991b1b}.state-error>div{display:grid;gap:6px}.state-error strong,.state-error span{display:block}.state-error span{max-width:540px;color:#7f1d1d;overflow-wrap:anywhere}.spin{animation:spin .9s linear infinite}.empty-panel{max-width:620px;margin:0 auto}.empty-panel h2{margin:0}.empty-panel p{color:#66757f;line-height:1.7}.empty-action{margin-top:10px}.empty-panel ul,.check-list{display:grid;gap:10px;margin:8px 0 0;padding:0;list-style:none;text-align:left}.empty-panel li,.check-list li{display:flex;align-items:center;gap:8px;color:#40515a}.check-list{padding:18px}.check-list svg{color:#0f766e}.details-list{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:18px}.details-list dt{color:#66757f;font-weight:700}.details-list dd{min-width:0;margin:0;overflow-wrap:anywhere}.text-link{display:inline-flex;padding:18px;color:#0f766e;font-weight:700}.login-shell{display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;min-height:100vh;padding:24px}.login-compliance{padding-bottom:0}.login-panel{display:grid;gap:18px;width:min(100%,420px);padding:24px}.login-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#e8f3f1;color:#0f766e}.login-copy h1{margin:0;font-size:24px}.login-copy p{margin:8px 0 0;color:#66757f;line-height:1.6}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:8px;color:#40515a;font-size:13px;font-weight:700}.login-form input{min-height:42px;padding:0 12px;border:1px solid #dfe5e8;border-radius:8px;background:#fbfcfc}.login-error{color:#991b1b;font-size:13px;font-weight:700}.totp-secret{display:grid;gap:6px;padding:12px;border:1px solid #c9dfe0;background:#f0f8f7;color:#1f4e50}.totp-secret code,.recovery-code-list code{word-break:break-all;letter-spacing:0}.recovery-code-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border:1px solid #d7e1e3;background:#f7fafb}.login-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#66757f;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.admin-shell{display:flex;align-items:stretch}.sidebar{position:sticky;top:0;flex:0 0 180px;width:180px;height:100vh;padding:16px 10px;border-right:1px solid #dfe5e8;border-bottom:0}.nav-list{grid-template-columns:1fr;gap:4px}.nav-item{min-height:38px;padding:0 8px;gap:8px;font-size:13px}.main-area{flex:1 1 auto;width:calc(100% - 180px)}.metric-grid,.split-grid,.summary-grid,.hero-panel,.banner-console-grid,.integration-grid,.marketing-hero,.control-line-grid,.marketing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-status-list{grid-template-columns:1fr}.payment-status-item:nth-child(2n){border-left:0}.hero-panel{display:grid}.hero-actions{justify-content:flex-start}.filter-card,.admin-form,.compact-form,.sku-editor{grid-template-columns:1fr}.qr-preview-card{align-items:flex-start;flex-direction:column}.filter-actions{justify-content:stretch}.filter-actions .button{width:100%}.sync-meta{justify-content:space-between}.pagination-bar{align-items:stretch;flex-direction:column}.pagination-bar>div{justify-content:space-between}}@media(max-width:640px){.sidebar{flex-basis:68px;width:68px;padding:10px 6px}.brand{justify-content:center;padding:6px 0 12px}.brand>div{display:none}.nav-item{flex-direction:column;justify-content:center;gap:2px;min-height:52px;padding:5px 2px;font-size:10px;line-height:1.2;text-align:center}.nav-item:hover{transform:none}.nav-item svg{flex:0 0 auto}.nav-item span{white-space:nowrap}.main-area{width:calc(100% - 68px)}.topbar,.page-header{display:grid}.topbar{min-height:0;padding:10px 14px}.topbar code{display:inline-block;max-width:calc(100% - 38px);overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.topbar-actions{justify-content:flex-start;flex-wrap:wrap}.topbar-user,.topbar-badge{display:none}.content{padding:16px 14px}.split-grid>*{min-width:0}.metric-grid,.split-grid,.summary-grid,.banner-console-grid,.integration-grid,.marketing-hero,.marketing-hero-stats,.control-line-grid,.marketing-grid{grid-template-columns:1fr}.payment-status-item{grid-template-columns:auto minmax(0,1fr);padding:16px 14px}.payment-status-title{align-items:flex-start}.control-shortcuts .button{width:100%}.dialog-backdrop{align-items:end;padding:12px}.finance-dialog{max-height:calc(100vh - 24px)}.finance-dialog-header{padding:16px 16px 12px}.finance-dialog-description,.finance-payment-facts,.finance-transaction-field,.finance-review-panel{margin-right:16px;margin-left:16px}.finance-payment-facts{grid-template-columns:1fr}.finance-payment-facts>div+div{border-top:1px solid #edf1f3;border-left:0}.finance-dialog-actions{display:grid;grid-template-columns:1fr;padding:12px 16px 16px}.finance-dialog-actions .button{width:100%}}@media(max-width:360px){.payment-status-item{grid-template-columns:32px minmax(0,1fr);gap:8px;padding:14px 12px}.payment-status-icon{width:32px;height:32px}.payment-status-title{gap:6px}.hero-panel{grid-template-columns:1fr}.hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.hero-actions .button{flex-direction:column;gap:2px;min-width:0;min-height:52px;padding:5px 2px;font-size:10px;line-height:1.2;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.dialog-backdrop,.finance-dialog{animation:none}}.refund-note{margin-top:4px;font-size:12px;color:#c2410c}.subtle-line{margin-top:4px;color:#66757f;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.fulfillment-ship-card textarea{min-height:82px}
