:root{--primary:#7c6cf0;--primary-hover:#6b5ce6;--primary-soft:#ede9fe;--primary-muted:#c4b5fd;--text:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--bg-page:#f0f2f5;--bg-surface:#fff;--border:#e8e8ef;--shadow-sm:0 1px 3px #1e293b0f;--shadow-md:0 8px 24px #6366f114;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;color:var(--text);background:var(--bg-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg-page);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}#app{min-height:100vh}h1,h2,p{margin:0}label span,.brand-desc,.login-header p,.topbar p,.panel-header p{color:var(--text-secondary)}.login-layout{background:linear-gradient(165deg,#f5f3ff 0%,#f0f2f5 45%,#fafafa 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-layout:before,.login-layout:after{content:"";filter:blur(80px);pointer-events:none;opacity:.55;border-radius:50%;position:absolute}.login-layout:before{background:#c4b5fd;width:380px;height:380px;top:-100px;right:-60px}.login-layout:after{background:#a5b4fc;width:320px;height:320px;bottom:-80px;left:-40px}.login-brand,.login-card,.sidebar,.topbar,.summary-card,.panel{border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.login-brand{border-radius:var(--radius-lg);flex-direction:column;justify-content:center;padding:48px;display:flex}.brand-badge{background:var(--primary-soft);width:fit-content;color:var(--primary);border-radius:999px;margin-bottom:20px;padding:8px 14px;font-size:13px}.login-brand h1{font-size:42px;line-height:1.2}.brand-desc{max-width:620px;margin-top:18px;font-size:16px}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px;display:grid}.brand-card{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border);gap:10px;padding:20px;display:grid}.brand-card strong{font-size:16px}.brand-card span{color:var(--text-muted);font-size:14px}.login-card{border-radius:var(--radius-lg);width:min(100%,400px);box-shadow:var(--shadow-md);padding:32px 32px 28px;position:relative;overflow:hidden}.login-panel{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.login-backdrop{pointer-events:none;background:linear-gradient(#ede9fe80 0%,#0000 55%);position:absolute;inset:0}.login-header{z-index:1;text-align:center;margin-bottom:24px;position:relative}.login-header h2{color:var(--text);letter-spacing:.5px;font-size:20px;font-weight:700}.login-logo{justify-content:center;margin-bottom:14px;display:flex}.brand-logo{object-fit:contain;flex-shrink:0;display:block}.brand-logo-login{width:auto;max-width:320px;height:96px}.admin-layout{background:var(--bg-page);grid-template-columns:232px minmax(0,1fr);gap:0;min-height:100vh;padding:0;display:grid}.sidebar{border:none;border-right:1px solid var(--border);box-shadow:none;border-radius:0;flex-direction:column;flex-shrink:0;width:232px;min-height:100vh;padding:16px 12px 20px;display:flex}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:8px 8px 20px;display:flex}.sidebar-logo strong{color:var(--text);font-size:16px}.sidebar-logo p{color:var(--text-muted);margin-top:2px;font-size:12px}.brand-logo-sidebar{width:auto;max-width:180px;height:40px}.sidebar-nav-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px 10px;font-size:11px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:2px;margin-top:16px;display:flex}.nav-item{width:100%;min-height:46px;color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px 10px 14px;font-size:14px;transition:background .15s,color .15s;display:flex;position:relative}.nav-item:before{content:"";background:var(--primary);opacity:0;border-radius:0 3px 3px 0;width:3px;height:0;transition:height .15s,opacity .15s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item-label{min-width:0;color:inherit;flex:1;font-weight:500;line-height:1.35}.nav-item-tag{color:var(--text-muted);background:#f1f5f9;border:1px solid #0000;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:500;line-height:1.2}.nav-item:hover{color:var(--text);background:#f8fafc}.nav-item:hover .nav-item-tag{color:var(--text-secondary);background:#e2e8f0}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav-item.active:before{opacity:1;height:22px}.nav-item.active .nav-item-label{color:var(--primary);font-weight:600}.nav-item.active .nav-item-tag{color:var(--primary);background:#7c6cf02e;border-color:#7c6cf040}.sidebar-foot{border-radius:var(--radius-md);border:1px solid var(--border);background:#f8fafc;gap:4px;margin-top:auto;padding:14px;display:grid}.sidebar-foot span{color:var(--text-muted);font-size:12px}.sidebar-foot strong{color:var(--text);font-size:14px}.admin-main{align-content:start;gap:16px;min-width:0;padding:20px 24px 28px;display:grid}.topbar{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;align-items:stretch;gap:16px;padding:18px 22px;display:flex}.topbar-main{justify-content:space-between;align-items:flex-start;gap:16px;width:100%;display:flex}.topbar:not(.topbar--with-overview){gap:0}.topbar:not(.topbar--with-overview) .topbar-main{align-items:center}.topbar h1{color:var(--text);font-size:18px;font-weight:700}.topbar p{color:var(--text-secondary);margin-top:4px;font-size:13px}.topbar-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar-overview{border-top:1px solid var(--border);padding-top:14px}.topbar-overview-head{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.topbar-overview-title{color:var(--text);font-size:13px;font-weight:700}.topbar-overview-desc{color:var(--text-muted);font-size:12px}.topbar-overview-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.topbar-overview-card{border-radius:var(--radius-sm);border:1px solid var(--border);background:#fafafa;flex-direction:column;align-items:flex-start;gap:6px;min-height:64px;padding:10px 12px;display:flex}.topbar-overview-promo{border-radius:var(--radius-sm);border:1px solid var(--border);background:#fafafa;gap:6px;min-height:64px;margin-top:10px;padding:10px 12px;display:grid}.topbar-overview-label{color:var(--text-muted);font-size:12px}.topbar-overview-value{color:var(--text);word-break:break-all;font-size:14px;font-weight:600;line-height:1.35}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.summary-card{border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-sm);border:none;gap:8px;padding:20px 22px;display:grid}.summary-card strong{color:#fff;font-size:26px;font-weight:700}.summary-card-action{border-radius:var(--radius-sm);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;border:1px solid #ffffff42;width:fit-content;min-height:32px;margin-top:6px;padding:0 12px;font-size:13px;font-weight:600}.summary-card-action:hover{background:#ffffff3d}.summary-card p{color:#ffffffd1;font-size:13px;line-height:1.45}.summary-card.emphasis{background:linear-gradient(135deg,#ec4899 0%,#f472b6 50%,#fb7185 100%)}.summary-blue{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.summary-cyan{background:linear-gradient(135deg,#0ea5e9 0%,#38bdf8 100%)}.summary-green{background:linear-gradient(135deg,#14b8a6 0%,#2dd4bf 100%)}.summary-violet{background:linear-gradient(135deg,#7c3aed 0%,#a78bfa 100%)}.summary-label{color:#ffffffe6;font-size:13px;font-weight:500}.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.panel{border-radius:var(--radius-lg);padding:20px 22px}.panel-ratio{width:100%}.panel-commission,.panel-withdraw{min-width:0;max-width:100%;overflow:hidden}.panel-narrow{max-width:620px}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panel-header h2{color:var(--text);font-size:16px;font-weight:700}.dialog-mask{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a59;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);width:min(100%,520px);max-height:calc(100vh - 48px);box-shadow:var(--shadow-md);padding:20px 22px;overflow:auto}.dialog-header{align-items:center}.dialog-actions{justify-content:flex-end;gap:12px;display:flex}.form-grid{z-index:1;gap:14px;display:grid;position:relative}label{gap:8px;display:grid}.field{gap:0}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#fafafa;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s,background .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary-muted);box-shadow:0 0 0 3px var(--primary-soft);background:#fff}.input-shell{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fafafa;align-items:center;gap:10px;min-height:44px;padding:0 12px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.input-shell:focus-within{border-color:var(--primary-muted);box-shadow:0 0 0 3px var(--primary-soft);background:#fff}.input-shell input{min-height:42px;box-shadow:none;background:0 0;border:0;padding:0}.input-icon{width:18px;height:18px;color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.input-icon svg{width:18px;height:18px}.login-meta{justify-content:flex-start;align-items:center;gap:12px;margin-top:-2px;display:flex}.remember-check{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:inline-flex}.remember-check input{width:14px;height:14px;accent-color:var(--primary);margin:0}.primary-btn,.ghost-btn,.danger-btn{border-radius:var(--radius-sm);border:0;min-height:40px;padding:0 18px;font-size:14px;font-weight:600;transition:transform .15s,opacity .2s,background .2s,box-shadow .2s}.primary-btn:hover,.ghost-btn:hover,.danger-btn:hover{transform:translateY(-1px)}.primary-btn:disabled,.ghost-btn:disabled,.danger-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.primary-btn{background:var(--primary);color:#fff;box-shadow:0 4px 14px #7c6cf059}.primary-btn:hover:not(:disabled){background:var(--primary-hover)}.ghost-btn{background:var(--primary-soft);color:var(--primary);box-shadow:none}.ghost-btn:hover:not(:disabled){background:#ddd6fe}.danger-btn{color:#dc2626;box-shadow:none;background:#fff;border:1px solid #fecaca}.danger-btn:hover:not(:disabled){background:#fef2f2}.full-width{width:100%}.login-card .primary-btn{border-radius:var(--radius-sm);background:var(--primary);min-height:44px;margin-top:4px;font-weight:600;box-shadow:0 6px 20px #7c6cf059}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:20px;display:grid}.profile-list{gap:12px;display:grid}.profile-list-account{max-width:720px}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.filter-grid-wide{grid-template-columns:repeat(6,minmax(0,1fr))}.filter-grid--filters-only:not(.filter-grid-wide){grid-template-columns:repeat(3,minmax(0,1fr))}.filter-grid-wide.filter-grid--filters-only{grid-template-columns:repeat(5,minmax(0,1fr))}.profile-item{border-radius:var(--radius-md);border:1px solid var(--border);background:#fafafa;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;display:grid}.profile-item span{color:var(--text-muted);font-size:13px}.profile-item strong{color:var(--text);font-size:14px}.table-shell{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:920px}.data-table-ratio{min-width:560px}.data-table-commission{width:max-content;min-width:1240px}.data-table-withdraw{width:max-content;min-width:100%}.table-shell-commission,.table-shell-withdraw{width:100%;max-width:100%;padding-bottom:4px;display:block;overflow:scroll hidden}.data-table-commission th,.data-table-commission td{padding:10px 12px;font-size:12px}.data-table-commission td:nth-child(4),.data-table-commission td:nth-child(9),.data-table-commission td:nth-child(10),.data-table-commission td:nth-child(11){white-space:normal;word-break:break-all;min-width:110px}.data-table-withdraw th,.data-table-withdraw td{padding:10px 12px;font-size:12px}.data-table-withdraw td:nth-child(5),.data-table-withdraw td:nth-child(9),.data-table-withdraw td:nth-child(10),.data-table-withdraw td:nth-child(11),.data-table-withdraw td:nth-child(12),.data-table-withdraw td:nth-child(13),.data-table-withdraw td:nth-child(14),.data-table-withdraw td:nth-child(15){white-space:normal;word-break:break-all;min-width:100px}.data-table-withdraw td:first-child,.data-table-withdraw td:nth-child(2),.data-table-withdraw td:nth-child(3),.data-table-withdraw td:nth-child(4),.data-table-withdraw td:nth-child(6),.data-table-withdraw td:nth-child(7),.data-table-withdraw td:nth-child(8){white-space:nowrap}.status-pill{border-radius:2px;justify-content:center;align-items:center;min-width:40px;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.status-pill--enabled{color:#047857;background:#d1fae5;border:1px solid #6ee7b7}.status-pill--disabled{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.status-pill--pending{color:#b45309;background:#fef3c7;border:1px solid #fcd34d}.status-pill--unknown{color:var(--text-secondary);border:1px solid var(--border);background:#f1f5f9}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:12px 16px;font-size:13px}.data-table tbody td{color:var(--text)}.data-table thead th{color:var(--text-secondary);text-transform:none;background:#f8fafc;font-size:12px;font-weight:600;position:sticky;top:0}.data-table tbody tr:hover{background:#f8fafc}.table-empty{text-align:center;color:var(--text-muted);padding:28px 16px}.pagination-bar{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-top:14px;font-size:13px;display:flex}.pagination-total{flex-shrink:0}.pagination-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagination-page-size{cursor:pointer;align-items:center;gap:8px;margin:0;display:inline-flex}.pagination-page-size-label{color:var(--text-secondary);flex-shrink:0;font-size:13px}.pagination-page-size select{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:108px;color:var(--text);cursor:pointer;background:#fafafa;padding:8px 12px;font-size:13px}.pagination-page-size select:focus{border-color:var(--primary-muted);box-shadow:0 0 0 2px var(--primary-soft);outline:none}.pagination-page-num{white-space:nowrap;padding:0 4px}.code-panel,.notice{border-radius:var(--radius-md);padding:16px}.code-panel{border:1px solid var(--border);background:#f8fafc;min-height:100%}.code-title{color:var(--primary);margin-bottom:10px;font-size:12px;font-weight:600}.code-panel pre{white-space:pre-wrap;word-break:break-word;color:var(--text-secondary);margin:0;font-size:12px}.feature-list{gap:12px;display:grid}.feature-item{border-radius:var(--radius-md);border:1px solid var(--border);background:#fafafa;gap:4px;padding:14px 16px;display:grid}.feature-item strong{color:var(--text);font-size:14px}.feature-item span{color:var(--text-muted);font-size:13px}.simple-list{gap:10px;display:grid}.simple-item{border-radius:var(--radius-md);border:1px solid var(--border);background:#fafafa;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.simple-item strong,.simple-item span{display:block}.simple-item strong{color:var(--text);font-size:14px}.simple-item span{color:var(--text-muted);margin-top:4px;font-size:12px}.simple-item-right{text-align:right}.simple-item-right strong{color:var(--primary)}.notice{border:1px solid var(--border)}.notice.compact{margin-bottom:16px}.notice-info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.notice-success{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.notice-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}@media (width<=1200px){.admin-layout,.dashboard-grid,.workspace-grid,.brand-grid,.profile-grid,.filter-grid,.filter-grid-wide{grid-template-columns:1fr}.topbar-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;min-height:auto}}@media (width<=960px){.admin-main{padding:16px}}@media (width<=768px){.topbar-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.login-layout,.admin-main{padding:12px}.login-card,.topbar,.summary-card,.panel{border-radius:var(--radius-md);padding:16px}.topbar-main{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:stretch;width:100%}.topbar-actions button{flex:1}.panel-header{flex-direction:column}.pagination-bar,.simple-item{flex-direction:column;align-items:flex-start}.profile-item,.topbar-overview-grid{grid-template-columns:1fr}}