*{box-sizing:border-box;margin:0;padding:0}html,body{color:#1a1a2e;background:#f4f5f7;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.top{z-index:10;background:#fff;border-bottom:1px solid #e8eaf0;flex-shrink:0;align-items:center;gap:0;height:48px;padding:0 18px;display:flex}.logo{color:#1a1a2e;flex-shrink:0;align-items:center;gap:9px;padding-right:20px;font-size:13px;font-weight:600;display:flex}.logo-badge{color:#d1fae5;background:#059669;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex}.partner-tag{color:#059669;background:#f0fdf4;border-radius:5px;margin-left:4px;padding:3px 9px;font-size:12px;font-weight:600}.nt{color:#6b7280;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;height:48px;padding:0 13px;font-family:inherit;font-size:12px;display:flex}.nt:hover{color:#1a1a2e}.nt.on{color:#059669;border-bottom-color:#059669;font-weight:500}.top-r{align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}.ref-badge{color:#059669;letter-spacing:.05em;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:5px;padding:3px 8px;font-family:monospace;font-size:11px;font-weight:600}.avatar-btn{color:#059669;cursor:pointer;background:#f0fdf4;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:flex}.avatar-menu{z-index:60;background:#fff;border:.5px solid #e5e7eb;border-radius:10px;width:176px;display:none;position:absolute;top:38px;right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.avatar-menu.open{display:block}.avatar-menu-head{border-bottom:.5px solid #f3f4f6;padding:10px 14px}.avatar-menu-head strong{color:#1a1a2e;font-size:12px;font-weight:500;display:block}.avatar-menu-head span{color:#9ca3af;margin-top:2px;font-size:11px;display:block}.avatar-menu button{color:#374151;cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:.5px solid #f3f4f6;align-items:center;gap:8px;width:100%;padding:9px 14px;font-family:inherit;font-size:12px;display:flex}.avatar-menu button:last-child{color:#dc2626;border-bottom:0}.avatar-menu button:hover{background:#f9fafb}.avatar-menu button:last-child:hover{background:#fff5f5}.body{flex:1;display:flex;overflow:hidden}.side{background:#fff;border-right:1px solid #e8eaf0;flex-shrink:0;width:180px;padding:10px 0;overflow-y:auto}.sh{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;padding:9px 14px 3px;font-size:10px;font-weight:500}.si{color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:0;border-left:3px solid #0000;align-items:center;gap:8px;width:100%;padding:7px 14px;font-family:inherit;font-size:12px;transition:all .1s;display:flex}.si:hover{color:#1a1a2e;background:#f9fafb}.si.on{color:#059669;background:#f0fdf4;border-left-color:#059669;font-weight:500}.si .lic{flex-shrink:0;width:1em;height:1em;font-size:14px}.sdv{background:#f3f4f6;height:1px;margin:5px 0}.main{background:#f4f5f7;flex:1;padding:18px 20px;overflow-y:auto}.loading{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:14px;padding:9px 12px;font-size:11px}.g4{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.g3{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.g2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.mc{background:#fff;border:1px solid #e8eaf0;border-radius:10px;padding:12px 15px}.ml{color:#6b7280;margin-bottom:5px;font-size:11px}.mv{color:#1a1a2e;font-size:22px;font-weight:600;line-height:1.1}.ms{color:#9ca3af;margin-top:4px;font-size:11px}.up{color:#15803d}.dn{color:#dc2626}.c-green{color:#059669!important}.c-blue{color:#1d4ed8!important}.c-orange{color:#d97706!important}.c-purple{color:#7c3aed!important}.c-red{color:#dc2626!important}.overview-hero{background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border:1px solid #dbeafe;border-radius:10px;justify-content:space-between;align-items:stretch;gap:14px;margin-bottom:14px;padding:16px 18px;display:flex}.overview-hero h1{color:#111827;margin-top:4px;font-size:22px;font-weight:700;line-height:1.15}.overview-hero p{color:#4b5563;max-width:620px;margin-top:6px;font-size:12px;line-height:1.6}.overview-kicker{color:#1d4ed8;font-size:11px;font-weight:700}.overview-code-card{background:#ffffffd1;border:1px solid #bbf7d0;border-radius:9px;min-width:190px;padding:12px 14px}.overview-code-card span,.overview-code-card small{color:#6b7280;font-size:11px;display:block}.overview-code-card strong{color:#059669;letter-spacing:.08em;margin:6px 0;font-family:monospace;font-size:24px;display:block}.overview-main-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:14px;display:grid}.overview-main-grid-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.overview-trend-card .trend-bar{height:112px}.overview-trend-total{color:#6b7280;font-size:11px}.overview-trend-total b{color:#059669}.overview-settle-panel{gap:10px;display:grid}.overview-settle-panel div,.overview-sub-grid div{background:#f9fafb;border:1px solid #e8eaf0;border-radius:8px;padding:10px 12px}.overview-settle-panel span,.overview-sub-grid span{color:#6b7280;font-size:11px;display:block}.overview-settle-panel strong,.overview-sub-grid strong{color:#111827;margin-top:4px;font-size:16px;display:block}.overview-kv-grid{grid-template-columns:1fr 1fr;column-gap:18px;display:grid}.overview-sub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.overview-sub-grid strong{color:#d97706;font-size:18px}.commission-config-hero{background:#fff;border:1px solid #e8eaf0;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;padding:16px 18px;display:flex}.commission-config-hero h1{color:#111827;margin-top:4px;font-size:20px;font-weight:700;line-height:1.2}.commission-config-hero p{color:#6b7280;max-width:720px;margin-top:6px;font-size:12px;line-height:1.6}.commission-kicker{color:#059669;font-size:11px;font-weight:700}.card{background:#fff;border:1px solid #e8eaf0;border-radius:10px;margin-bottom:14px;padding:14px 16px}.card-last{margin-bottom:0}.ch{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ct{color:#1a1a2e;font-size:13px;font-weight:600}.cs{color:#9ca3af;margin-top:2px;font-size:11px;font-weight:400}.tbl{overflow-x:auto}table.dt{border-collapse:collapse;width:100%}table.dt th{color:#9ca3af;text-align:left;white-space:nowrap;border-bottom:1px solid #f3f4f6;padding:6px 8px;font-size:11px;font-weight:500}table.dt td{color:#374151;vertical-align:middle;border-bottom:1px solid #f9fafb;padding:8px;font-size:11px}table.dt tr:last-child td{border-bottom:none}table.dt tr:hover td{background:#f9fafb}.td-m{color:#9ca3af;font-family:monospace;font-size:10px}.td-g{color:#9ca3af}.empty{color:#9ca3af;text-align:center!important}.btn{cursor:pointer;color:#374151;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e5e7eb;border-radius:7px;align-items:center;gap:4px;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:500;transition:all .1s;display:inline-flex}.btn:hover{background:#f9fafb}.btn-p{color:#fff;background:#059669;border-color:#059669}.btn-p:hover{background:#047857}.btn-sm{padding:3px 9px;font-size:11px}.btn-ghost{background:0 0;border-color:#0000}.btn:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:7px;outline:none;padding:5px 9px;font-family:inherit;font-size:11px}input:focus,select:focus,textarea:focus{border-color:#059669;box-shadow:0 0 0 3px #f0fdf4}textarea{resize:none}.fg{margin-bottom:12px}.fg label{color:#6b7280;margin-bottom:4px;font-size:11px;font-weight:500;display:block}.fg input,.fg select,.fg textarea{width:100%}.fg-note{color:#9ca3af;margin-top:3px;font-size:10px;line-height:1.5}.fg-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag{border-radius:4px;align-items:center;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.tg{color:#15803d;background:#dcfce7}.tb{color:#1d4ed8;background:#dbeafe}.tp{color:#6d28d9;background:#ede9fe}.ta{color:#92400e;background:#fef3c7}.tr2{color:#b91c1c;background:#fee2e2}.tgr{color:#4b5563;background:#f3f4f6}.tt{color:#065f46;background:#d1fae5}.to{color:#9a3412;background:#ffedd5}.dot{vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.dg{background:#22c55e}.da{background:#f59e0b}.dr{background:#ef4444}.alert{border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:9px 12px;font-size:11px;line-height:1.6;display:flex}.alert .lic{flex-shrink:0;margin-top:1px}.a-info{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.a-warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.dv{background:#f3f4f6;height:1px;margin:13px 0}.sec{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin:14px 0 7px;font-size:10px;font-weight:600}.kv{border-bottom:1px solid #f9fafb;justify-content:space-between;align-items:center;padding:6px 0;font-size:11px;display:flex}.kv:last-child{border-bottom:none}.kk{color:#6b7280}.kval{color:#1a1a2e;font-weight:500}.trend-bar{align-items:flex-end;gap:6px;height:80px;padding:0 2px;display:flex}.trend-col{flex-direction:column;flex:1;align-items:center;display:flex}.bar{cursor:pointer;background:#bbf7d0;border-radius:4px 4px 0 0;flex:1;width:100%;min-width:0;min-height:4px;transition:all .1s;position:relative}.bar:hover,.bar.hot{background:#86efac}.bar-val{color:#15803d;white-space:nowrap;font-size:9px;font-weight:500;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.bar-lbl{color:#9ca3af;text-align:center;margin-top:4px;font-size:9px}.mat-card{background:#fff;border:1px solid #e8eaf0;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.mat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mat-name{color:#1a1a2e;font-size:12px;font-weight:500}.mat-meta{color:#9ca3af;margin-top:2px;font-size:10px}.rule-box{border-radius:8px;margin-bottom:12px;padding:12px 14px}.rule-box.green{background:#f0fdf4}.rule-box.amber{background:#fffbeb}.rule-box .rule-label{margin-bottom:6px;font-size:11px;font-weight:600}.rule-box.green .rule-label{color:#15803d}.rule-box.amber .rule-label{color:#92400e}.rule-box .rule-value{font-size:22px;font-weight:600}.rule-box.green .rule-value{color:#059669}.rule-box.amber .rule-value{color:#d97706}.rule-box .rule-note{color:#6b7280;margin-top:4px;font-size:11px}.ref-card{background:#f0fdf4;border-radius:10px;padding:16px}.ref-card .ref-label{color:#15803d;margin-bottom:8px;font-size:11px;font-weight:600}.ref-card .ref-code{color:#059669;letter-spacing:.1em;font-family:monospace;font-size:28px;font-weight:700}.ref-card .ref-note{color:#6b7280;margin-top:6px;font-size:11px}.ref-link-box{color:#374151;word-break:break-all;background:#fff;border:1px solid #bbf7d0;border-radius:6px;padding:8px;font-family:monospace;font-size:11px;line-height:1.6}.link-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;padding:10px 12px}.link-row .link-title{color:#374151;font-size:12px;font-weight:600}.link-row .link-sub{color:#9ca3af;margin-left:6px;font-size:11px;font-weight:400}.link-row .link-url{align-items:center;gap:8px;margin-top:6px;display:flex}.link-row .link-url code{color:#374151;word-break:break-all;flex:1;font-family:monospace;font-size:11px;line-height:1.5}.qr-box{text-align:center;background:#f9fafb;border-radius:10px;padding:16px 12px}.qr-placeholder{color:#9ca3af;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;font-size:11px;display:flex}.qr-image{object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:120px;height:120px;margin:0 auto;display:block}.withdraw-banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.withdraw-banner .wb-label{color:#6b7280;font-size:12px}.withdraw-banner .wb-value{color:#059669;font-size:26px;font-weight:700}.withdraw-banner .wb-note{color:#9ca3af;margin-top:2px;font-size:11px}.settle-apply{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.settle-apply .sa-amount{color:#374151;font-size:13px}.settle-apply .sa-amount strong{color:#059669;font-size:18px}.settle-apply .fg{flex:1;min-width:200px;margin-bottom:0}.mono-ref{color:#059669;background:#f0fdf4;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:10px}.mono-chip{background:#f3f4f6;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:10px}.price-input{border:1px solid #e5e7eb;border-radius:6px;width:90px;padding:4px 8px;font-size:12px}.sell-bulk-grid{grid-template-columns:minmax(260px,1.3fr) minmax(180px,.7fr) auto;align-items:end;gap:12px;display:grid}.sell-bulk-mode{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;gap:6px;padding:3px;display:inline-flex}.sell-bulk-mode button{color:#4b5563;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:12px}.sell-bulk-mode button.active{color:#fff;background:#111827}.sell-bulk-input span{color:#6b7280;margin-bottom:5px;font-size:11px;display:block}.sell-bulk-input div{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;display:flex;overflow:hidden}.sell-bulk-input input{border:0;outline:none;width:100%;min-width:0;padding:7px 9px;font-size:12px}.sell-bulk-input b{color:#6b7280;border-left:1px solid #e5e7eb;padding:0 9px;font-size:11px}.sell-bulk-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pagination{color:#6b7280;justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;font-size:11px;display:flex}.pagination button{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:7px;height:26px;padding:3px 9px;font-size:11px}.pagination button:disabled{opacity:.45}.overlay{z-index:50;background:#00000042;position:fixed;inset:0}.panel{z-index:51;background:#fff;border-left:1px solid #e8eaf0;flex-direction:column;width:380px;display:flex;position:fixed;top:0;bottom:0;right:0}.ph{border-bottom:1px solid #f3f4f6;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.pt{color:#1a1a2e;font-size:13px;font-weight:600}.pb2{flex:1;padding:16px;overflow-y:auto}.pf{border-top:1px solid #f3f4f6;flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.toast-host{z-index:60;gap:8px;display:grid;position:fixed;bottom:18px;right:18px}.toast,.toast-error{color:#fff;border-radius:8px;padding:9px 12px;font-size:12px;box-shadow:0 8px 24px #0000001f}.toast{background:#059669}.toast-error{background:#dc2626}.lic{vertical-align:-.125em;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:1em;height:1em;display:inline-block}@media (max-width:960px){.g4{grid-template-columns:repeat(2,1fr)}.g2,.overview-main-grid,.overview-main-grid-bottom,.overview-sub-grid{grid-template-columns:1fr}}@media (max-width:700px){.top{flex-wrap:wrap;height:auto;padding:10px 12px}.nt{height:36px}.body{display:block;overflow:auto}.side{border-bottom:1px solid #e8eaf0;border-right:0;width:100%}.main{overflow:visible}.g4,.g3{grid-template-columns:1fr}.overview-hero{flex-direction:column}.overview-code-card{min-width:0}.overview-kv-grid{grid-template-columns:1fr}.commission-config-hero{flex-direction:column}.sell-bulk-grid{grid-template-columns:1fr}.sell-bulk-actions{justify-content:flex-start}}