:root{color-scheme:light;--bg: #f4efe7;--surface: #fbf7ef;--surface-strong: #ffffff;--ink: #241915;--muted: #786c63;--border: #ded3c4;--accent: #c96442;--accent-dark: #a74f33;--accent-soft: #f3dfd3;--danger: #a93e2f;--shadow: 0 18px 50px rgba(50, 36, 28, .12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 220px),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding:28px}.panel{max-width:1120px;margin:0 auto;border:1px solid var(--border);border-radius:16px;background:#fbf7efeb;box-shadow:var(--shadow);overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border-bottom:1px solid var(--border)}.readonly-banner{display:flex;align-items:center;gap:9px;padding:12px 24px;border-bottom:1px solid var(--border);color:#7b552f;background:#fff7ef;font-size:13px;font-weight:800;line-height:1.5}.readonly-banner svg{flex:0 0 auto;color:var(--accent)}.brand{display:flex;align-items:center;gap:14px}.header-actions{display:flex;align-items:center;gap:10px}.view-switch{display:inline-flex;min-height:42px;padding:4px;border:1px solid var(--border);border-radius:12px;background:#fffaf4b8}.view-switch button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:78px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:13px;font-weight:850}.view-switch button.active{color:var(--ink);background:var(--accent-soft)}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border-radius:12px;color:var(--surface);background:var(--ink)}h1,h2,p{margin-top:0}h1{margin-bottom:5px;font-size:28px;line-height:1.15;letter-spacing:0}h2{margin-bottom:0;font-size:22px;line-height:1.2;letter-spacing:0}.brand p,.detail-title p,.note,.empty span{color:var(--muted)}.brand p,.detail-title p{margin-bottom:0;font-size:14px}.primary-button,.secondary-button,.icon-button,.mini-button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid transparent;font-weight:750;letter-spacing:0}.primary-button:disabled,.secondary-button:disabled,.icon-button:disabled,.mini-button:disabled{cursor:not-allowed;opacity:.72}.primary-button{min-height:42px;gap:8px;padding:0 16px;color:#fffaf3;background:var(--accent)}.primary-button:hover{background:var(--accent-dark)}.danger-button{background:var(--danger)}.danger-button:hover{background:#842f24}.secondary-button{min-height:42px;gap:8px;padding:0 16px;color:var(--ink);border-color:var(--border);background:var(--surface)}.icon-button,.mini-button{width:38px;height:38px;color:var(--ink);border-color:var(--border);background:var(--surface)}.icon-button.danger,.mini-button.danger{color:var(--danger);background:#fff3ee}.current-user{display:inline-flex;align-items:center;gap:7px;min-height:42px;max-width:260px;padding:0 12px;border:1px solid var(--border);border-radius:10px;color:var(--muted);background:#fffaf4b8;font-size:13px;font-weight:750}.current-user span{min-width:0;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.current-user strong{flex:0 0 auto;color:var(--accent)}.layout{display:grid;grid-template-columns:380px minmax(0,1fr);min-height:600px}.list-pane{padding:20px;border-right:1px solid var(--border);background:#f7f0e6}.detail-pane{padding:28px;background:var(--surface-strong)}.search{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;border:1px solid var(--border);border-radius:12px;color:var(--muted);background:var(--surface-strong)}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.filter-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:10px;color:var(--muted);background:#fffaf4bd;font-size:12px;font-weight:850}.filter-tabs button.active,.filter-tabs button:hover{border-color:#c964428c;color:var(--ink);background:var(--accent-soft)}.filter-tabs strong{color:var(--accent-dark)}.account-list{display:grid;gap:10px;margin-top:16px}.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:76px;padding:14px;border:1px solid var(--border);border-radius:14px;color:var(--ink);background:#ffffffa3;text-align:left}.account-row.active,.account-row:hover{border-color:#c964428c;background:#fffaf4}.account-row span{display:grid;gap:5px;min-width:0}.account-row strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.account-row small{overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.account-row svg{flex:0 0 auto;color:var(--accent)}.account-link-count,.product-delivery-summary{color:var(--accent-dark)!important;font-weight:800}.row-badges{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:132px}.product-row{align-items:flex-start}.product-row .status-pill{flex:0 0 auto;margin-top:2px}.detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.detail-title>div:first-child{min-width:0}.detail-title h2{overflow-wrap:anywhere}.detail-actions{display:flex;flex:0 0 auto;gap:8px}.info-row{display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;margin-bottom:12px;padding:12px;border:1px solid var(--border);border-radius:14px;background:#fffaf4}.info-row span{color:var(--muted);font-size:13px;font-weight:750}.info-row strong{min-width:0;overflow-wrap:anywhere;font-size:16px}.row-actions{display:flex;gap:8px}.record-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}.record-meta div{display:grid;gap:5px;min-height:74px;padding:12px;border:1px solid var(--border);border-radius:14px;background:#fffaf4}.record-meta span{color:var(--muted);font-size:12px;font-weight:750}.record-meta strong{color:var(--ink);overflow-wrap:anywhere;font-size:15px}.product-summary{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:18px;color:var(--muted);font-size:14px;font-weight:750}.product-summary strong{color:var(--ink)}.delivery-check{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);align-items:center;gap:12px;margin:0 0 16px;padding:12px;border:1px solid var(--border);border-radius:14px;background:#fffaf4}.delivery-check.ready{border-color:#c7decf;background:#f7fbf5}.delivery-check.partial{border-color:#c9644259;background:#fff7ef}.delivery-check.missing{border-color:#efc0b4;background:#fff7f2}.delivery-check-title{display:grid;gap:4px;min-width:0}.delivery-check-title span,.delivery-check-title small{color:var(--muted);font-size:12px;font-weight:750}.delivery-check-title strong{color:var(--ink);font-size:17px;overflow-wrap:anywhere}.delivery-check-items{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}.delivery-check-items span{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:850;white-space:nowrap}.delivery-check-items span.ready{color:#2f6b49;background:#e9f4ec}.delivery-check-items span.missing{color:var(--danger);background:#fff3ee}.quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.quick-actions .primary-button,.quick-actions .secondary-button{width:auto}.binding-control,.status-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:center;gap:12px;margin:0 0 16px;padding:12px;border:1px solid var(--border);border-radius:14px;background:#fffaf4}.binding-control div,.status-control>div:first-child{display:grid;gap:4px;min-width:0}.binding-control span,.status-control span{color:var(--muted);font-size:13px;font-weight:750}.binding-control strong,.status-control strong{color:var(--ink);overflow-wrap:anywhere}.status-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0}.status-option{min-height:38px;padding:0 10px;border:1px solid var(--border);border-radius:10px;color:var(--muted);background:var(--surface);font:inherit;font-size:13px;font-weight:800;letter-spacing:0;white-space:nowrap}.status-option.active{border-color:#c9644252;color:var(--accent-dark);background:var(--accent-soft)}.status-option:disabled{cursor:default;opacity:1}.binding-control select{width:100%;min-width:0;min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:10px;color:var(--ink);background:var(--surface);font:inherit;font-weight:750}.binding-control select:disabled{cursor:not-allowed;opacity:.72}.usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 4px}.usage-card{display:grid;gap:5px;min-height:92px;padding:12px;border:1px solid var(--border);border-radius:14px;background:#fffaf4}.usage-card span,.usage-card small{color:var(--muted);font-size:12px;font-weight:750}.usage-card strong{color:var(--ink);font-size:20px;line-height:1.1}.usage-card.available{border-color:#c7decf;background:#f3faf4}.usage-card.in_use{border-color:#c9644261;background:#fff7ef}.usage-card.delivered{background:var(--accent-soft)}.linked-section{display:grid;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-heading p{margin-bottom:3px;color:var(--muted);font-size:13px;font-weight:800}.section-heading strong{display:block;color:var(--ink);font-size:16px}.compact-button{min-height:36px;padding:0 12px;font-size:13px}.linked-list{display:grid;gap:8px}.linked-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:11px 12px;border:1px solid var(--border);border-radius:12px;color:var(--ink);background:#fffaf4;text-align:left}.linked-row:hover{border-color:#c964428c}.linked-row span{display:grid;gap:4px;min-width:0}.linked-row strong,.linked-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linked-row small,.muted-copy{color:var(--muted)}.muted-copy{margin-bottom:0;font-size:14px}.unbound-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:14px 0;padding:14px;border:1px solid var(--border);border-radius:14px;background:#fffaf4}.unbound-panel>svg{color:var(--accent)}.unbound-panel strong{display:block;margin-bottom:3px}.unbound-panel p{margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.55}.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.link-grid a{display:flex;min-height:46px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:12px;color:var(--ink);background:var(--accent-soft);font-weight:750}.note{margin-bottom:0;padding:14px;border-left:4px solid var(--accent);border-radius:12px;background:#f8efe6;font-size:14px;line-height:1.7}.empty{display:grid;min-height:180px;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center}.empty strong{color:var(--ink)}.detail-empty{min-height:520px}.loading-panel,.login-panel{display:grid;width:min(460px,100%);padding:28px}.loading-panel{min-height:220px;place-items:center;align-content:center;gap:12px;color:var(--muted)}.login-panel{gap:24px}.login-brand{align-items:flex-start}.auth-form{display:grid;gap:14px}.modal-layer{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#2419156b}.modal{width:min(680px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border:1px solid var(--border);border-radius:16px;background:var(--surface-strong);box-shadow:var(--shadow);padding:22px}.confirm-modal{width:min(420px,100%)}.copy-modal{width:min(560px,100%)}.user-modal{width:min(920px,100%)}.confirm-copy{margin-bottom:0;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}.copy-hint{margin-bottom:12px;color:var(--muted);font-size:14px;line-height:1.7}.copy-box{width:100%;min-height:180px;padding:12px;border:1px solid var(--border);border-radius:12px;outline:0;background:#fffaf4;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.65;resize:vertical}.copy-box:focus{border-color:#c96442a6;box-shadow:0 0 0 3px #c9644221}.modal-header,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid.compact{gap:11px}.field{display:grid;gap:7px}.field.wide{grid-column:1 / -1}.field span{color:var(--muted);font-size:13px;font-weight:800}.field input,.field select,.field textarea{width:100%;min-height:42px;border:1px solid var(--border);border-radius:10px;outline:0;background:#fffaf4;color:var(--ink);padding:10px 12px}.field select{appearance:none}.field input:disabled,.field select:disabled{color:var(--muted);background:#f4eee5}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.search:focus-within{border-color:#c96442a6;box-shadow:0 0 0 3px #c9644221}.checkbox-field{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#fffaf4;color:var(--ink);font-size:14px;font-weight:800}.checkbox-field input{width:16px;height:16px;accent-color:var(--accent)}.user-admin-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:18px}.partner-form{min-width:0;padding:14px;border:1px solid var(--border);border-radius:14px;background:#fffaf4}.form-title{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--ink)}.form-title svg{color:var(--accent)}.user-list{display:grid;align-content:start;gap:10px;min-width:0;max-height:520px;overflow-y:auto}.user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--border);border-radius:14px;background:#fffaf4c2}.user-main{display:grid;gap:5px;min-width:0}.user-main strong,.user-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-main strong{color:var(--ink)}.user-main small{color:var(--muted);font-size:13px}.user-meta{display:flex;flex-wrap:wrap;gap:5px 10px;min-width:0}.user-meta small{color:#8b7864;font-size:12px;overflow-wrap:anywhere;white-space:normal}.user-main span{display:flex;flex-wrap:wrap;gap:7px}.status-pill,.role-pill{display:inline-flex;align-items:center;gap:5px;width:fit-content;min-height:24px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:850}.status-pill.enabled{color:#2f6b49;background:#e9f4ec}.status-pill.account-status{border-radius:8px}.status-pill.account-status.available{color:#2f6b49;background:#e9f4ec}.status-pill.account-status.in_use{color:var(--accent-dark);background:var(--accent-soft)}.status-pill.account-status.delivered{color:#7b552f;background:#f6e7d3}.status-pill.product-status{border-radius:8px}.status-pill.product-status.active{color:#2f6b49;background:#e9f4ec}.status-pill.product-status.draft{color:#7b6756;background:#f1e7da}.status-pill.product-status.paused{color:#7b552f;background:#f6e7d3}.status-pill.product-status.sold{color:var(--accent-dark);background:var(--accent-soft)}.status-pill.delivery-status{border-radius:8px}.status-pill.delivery-status.ready{color:#2f6b49;background:#e9f4ec}.status-pill.delivery-status.partial{color:#7b552f;background:#f6e7d3}.status-pill.delivery-status.missing{color:var(--danger);background:#fff3ee}.status-pill.unbound{border-radius:8px;color:var(--danger);background:#fff3ee}.status-pill.disabled{color:var(--danger);background:#fff3ee}.role-pill{color:var(--accent-dark);background:var(--accent-soft)}.user-actions{display:flex;flex:0 0 auto;gap:8px}.partner-empty{min-height:180px}.modal-actions{justify-content:flex-end;margin-top:18px}.error{margin:14px 0 0;padding:10px 12px;border:1px solid #efc0b4;border-radius:10px;color:var(--danger);background:#fff3ee;font-size:14px;font-weight:750}.notice{margin:0;padding:10px 12px;border:1px solid #c7decf;border-radius:10px;color:#2f6b49;background:#e9f4ec;font-size:14px;font-weight:750}.toast{position:fixed;right:22px;bottom:22px;padding:12px 14px;border-radius:12px;color:#fffaf3;background:var(--ink);box-shadow:var(--shadow);font-size:14px;font-weight:800}@media(max-width:860px){.page{padding:14px}.header{align-items:flex-start;flex-direction:column}.readonly-banner{align-items:flex-start;padding:12px 20px}.header-actions{width:100%;flex-wrap:wrap}.view-switch{width:100%}.view-switch button{flex:1 1 0}.primary-button{width:100%}.header-actions .secondary-button{flex:0 0 auto}.current-user{width:100%;max-width:none}.layout,.user-admin-grid{grid-template-columns:1fr}.list-pane{border-right:0;border-bottom:1px solid var(--border)}.detail-pane{padding:20px}.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions .primary-button,.quick-actions .secondary-button{width:100%}.delivery-check{grid-template-columns:1fr}.delivery-check-items{justify-content:flex-start}.binding-control,.status-control{grid-template-columns:1fr}}@media(max-width:560px){h1{font-size:24px}.panel,.modal{border-radius:12px}.form-grid,.link-grid{grid-template-columns:1fr}.checkbox-field{width:100%}.info-row{grid-template-columns:1fr auto}.info-row span{grid-column:1 / -1}.usage-grid,.record-meta{grid-template-columns:1fr}.status-options{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading,.unbound-panel{align-items:stretch;grid-template-columns:1fr}.section-heading{flex-direction:column}.detail-title{align-items:stretch;flex-direction:column}.detail-actions{justify-content:flex-end}.header-actions{align-items:stretch;flex-direction:column}.header-actions .secondary-button{width:100%}.user-row{align-items:stretch;flex-direction:column}.user-actions{justify-content:flex-end}}