*{box-sizing:border-box}#app,body,html{width:100%;min-height:100%;margin:0}body{background:#eef1f5;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,Arial,sans-serif}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:linear-gradient(135deg,rgba(23,37,84,.88),rgba(21,94,117,.82)),url(https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1800&q=80) 50% /cover}.login-panel{width:380px;max-width:100%;padding:28px;border:1px solid #d6dbe4;border-radius:8px;background:hsla(0,0%,100%,.97);box-shadow:0 18px 40px rgba(15,23,42,.22)}.brand{gap:14px;margin-bottom:26px}.brand,.brand-mark{display:flex;align-items:center}.brand-mark{justify-content:center;width:44px;height:44px;border-radius:8px;background:#0f766e;color:#fff;font-size:22px;font-weight:700}.brand h1{margin:0;font-size:22px;line-height:1.2}.brand p{margin:5px 0 0;color:#667085}.login-button{width:100%;margin-top:6px}.admin-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;flex:0 0 220px;width:220px;height:100vh;overflow-y:auto;padding:18px 14px;background:#111827;color:#d1d5db}.sidebar-title{padding:8px 10px 20px;color:#fff;font-size:20px;font-weight:700}.sidebar-item{display:flex;align-items:center;gap:10px;height:40px;padding:0 10px;border-radius:6px;font-size:14px;cursor:pointer}.sidebar-item:not(.active):hover{background:#1f2937;color:#fff}.sidebar-item.active{background:#0f766e;color:#fff}.main{flex:1;min-width:0;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.topbar h1{margin:0;font-size:24px;line-height:1.25}.topbar p{margin:6px 0 0;color:#667085}.topbar-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.filters,.pagination-row,.table-toolbar{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dce2ea;background:#fff}.filters{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(160px,220px) minmax(140px,190px) minmax(88px,auto) minmax(88px,auto);border-radius:8px 8px 0 0}.filters .el-input,.filters .el-select{width:100%;min-width:0}.filters .el-button{width:100%;margin-left:0}.distribution-filters{grid-template-columns:minmax(220px,1fr) minmax(180px,.8fr) minmax(88px,120px) minmax(88px,120px)}.ban-filters{grid-template-columns:minmax(260px,1.4fr) minmax(160px,220px) minmax(88px,auto) minmax(88px,auto)}.table-toolbar{justify-content:space-between;border-top:0}.summary{color:#4b5563;font-size:14px}.dialog-control{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;border-right:1px solid #dce2ea;border-left:1px solid #dce2ea;background:#fff}.stat-card{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px;border:1px solid #dce2ea;border-radius:8px;background:#f8fafc}.stat-card span{color:#667085;font-size:13px}.stat-card strong{color:#111827;font-size:22px;line-height:1.2}.stat-card small{overflow:hidden;color:#4b5563;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dashboard-main{background:linear-gradient(180deg,hsla(0,0%,100%,.72),hsla(0,0%,100%,0)),#eef1f5}.dashboard-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:20px;align-items:stretch;margin-bottom:14px;padding:22px;border:1px solid rgba(15,118,110,.22);border-radius:8px;background:linear-gradient(135deg,rgba(15,118,110,.96),rgba(30,58,95,.94)),#164e63;color:#fff;box-shadow:0 16px 34px rgba(15,23,42,.13)}.hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.hero-copy small,.hero-copy span,.hero-metrics span{color:hsla(0,0%,100%,.78)}.hero-copy strong{overflow-wrap:anywhere;margin:8px 0;font-size:42px;line-height:1.1}.hero-copy small{font-size:14px}.hero-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hero-metrics>div{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:14px;border:1px solid hsla(0,0%,100%,.18);border-radius:8px;background:hsla(0,0%,100%,.09)}.hero-metrics strong{overflow-wrap:anywhere;margin-top:8px;font-size:22px;line-height:1.2}.dashboard-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.metric-card{position:relative;min-width:0;min-height:116px;padding:12px;border:1px solid #dce2ea;border-radius:8px;background:#fff;box-shadow:0 9px 22px rgba(15,23,42,.05)}.metric-card:before{position:absolute;top:0;right:0;left:0;height:3px;border-radius:8px 8px 0 0;background:#0f766e;content:""}.metric-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-bottom:8px;border-radius:8px;background:#e6f4f1;color:#0f766e;font-size:16px}.metric-card span{display:block;color:#667085;font-size:12px}.metric-card strong{display:block;overflow-wrap:anywhere;margin-top:4px;color:#111827;font-size:22px;line-height:1.15}.metric-card small{display:-webkit-box;overflow:hidden;min-height:32px;margin-top:6px;color:#667085;font-size:12px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tone-amber:before{background:#c2410c}.tone-amber .metric-icon{background:#fff1e8;color:#c2410c}.tone-cyan:before{background:#0891b2}.tone-cyan .metric-icon{background:#e7f8fb;color:#0891b2}.tone-indigo:before{background:#4f46e5}.tone-indigo .metric-icon{background:#eef2ff;color:#4f46e5}.tone-green:before,.tone-lime:before{background:#16a34a}.tone-green .metric-icon,.tone-lime .metric-icon{background:#eaf7ee;color:#15803d}.tone-blue:before{background:#2563eb}.tone-blue .metric-icon{background:#eff6ff;color:#2563eb}.tone-rose:before{background:#e11d48}.tone-rose .metric-icon{background:#fff1f2;color:#e11d48}.tone-slate:before{background:#475569}.tone-slate .metric-icon{background:#f1f5f9;color:#475569}.tone-violet:before{background:#7c3aed}.tone-violet .metric-icon{background:#f3f0ff;color:#7c3aed}.trend-panel{margin-bottom:14px}.trend-switch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}.trend-switch-button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 8px;align-items:center;min-width:0;padding:10px;border:1px solid #e5e9f0;border-radius:8px;background:#f8fafc;color:inherit;cursor:pointer;font:inherit;text-align:left}.trend-switch-button.active,.trend-switch-button:hover{background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.08)}.trend-dot{width:10px;height:10px;border-radius:50%}.trend-switch-button span:not(.trend-dot){overflow:hidden;color:#667085;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.trend-switch-values{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}.trend-switch-compare,.trend-switch-today{display:flex;flex-direction:column;min-width:0;gap:3px}.trend-switch-values>div span{flex:none;color:#667085;font-size:11px;white-space:nowrap}.trend-switch-values strong{overflow-wrap:anywhere;color:#111827;font-size:18px;line-height:1.2}.trend-switch-compare{padding-left:8px;border-left:1px solid #e5e9f0;text-align:right}.trend-switch-compare strong{color:#4b5563;font-size:14px}.trend-chart-wrap{width:100%;overflow-x:auto}.trend-chart-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;min-width:620px;margin-bottom:6px}.trend-chart{display:block;width:100%;min-width:620px;height:auto}.trend-current{display:flex;align-items:baseline;gap:12px}.trend-current span{color:#667085;font-size:13px}.trend-current strong{overflow-wrap:anywhere;color:#111827;font-size:24px;line-height:1.2}.trend-month-total{display:flex;align-items:baseline;gap:10px;text-align:right}.trend-month-total span{color:#667085;font-size:13px}.trend-month-total strong{overflow-wrap:anywhere;color:#111827;font-size:20px;line-height:1.2}.trend-grid-line{stroke:#e5e9f0;stroke-width:1}.trend-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.trend-point{stroke:#fff;stroke-width:2}.trend-value-label{fill:#111827;font-size:11px;font-weight:600;paint-order:stroke;stroke:#fff;stroke-linejoin:round;stroke-width:4px}.trend-money-value-label{font-size:7px}.trend-axis text{fill:#667085;font-size:12px}.dashboard-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-panel{min-width:0;padding:14px;border:1px solid #dce2ea;border-radius:8px;background:#fff;box-shadow:0 9px 22px rgba(15,23,42,.05)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-head h2{margin:0;color:#111827;font-size:17px;line-height:1.3}.panel-head p{margin:4px 0 0;color:#667085;font-size:12px}.trend-month-select{flex:0 0 132px}.ranking-table{width:100%}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#e6f4f1;color:#0f766e;font-weight:700}.rank-money{display:flex;flex-direction:column;gap:7px;min-width:0}.rank-money strong{color:#111827}.rank-money .el-progress-bar__outer{background:#e5e7eb}.rank-money .el-progress-bar__inner{background:#0f766e}.analysis-main{background:#eef1f5}.analysis-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.analysis-panel{min-height:336px;padding:12px}.analysis-ranking-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.analysis-ranking-panel{min-width:0}.analysis-ranking-table{width:100%}.pie-layout{display:grid;grid-template-columns:1fr;gap:10px;align-items:start}.pie-chart-box{display:flex;align-items:center;justify-content:center;min-width:0}.pie-chart{display:block;width:100%;max-width:156px;aspect-ratio:1}.pie-segment{stroke:#fff;stroke-width:2}.pie-total{fill:#111827;font-size:22px;font-weight:700}.pie-label{fill:#667085;font-size:12px}.legend-list{display:flex;flex-direction:column;gap:8px;min-width:0}.analysis-consumption-panel .pie-layout{gap:6px}.analysis-consumption-panel .pie-chart{max-width:112px}.consumption-legend-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.consumption-legend-list .legend-row{gap:4px 6px;min-height:42px;padding:6px}.consumption-legend-list .legend-main small{margin-top:2px}.legend-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;min-height:46px;padding:8px;border:1px solid #e5e9f0;border-radius:8px;background:#f8fafc}.legend-dot{width:11px;height:11px;border-radius:50%}.legend-main{min-width:0}.legend-main strong{display:block;overflow:hidden;color:#111827;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.legend-main small{display:block;margin-top:4px;color:#667085;font-size:11px}.legend-value{grid-column:2;overflow-wrap:anywhere;color:#111827;font-size:12px;font-weight:700}.overview-list{display:flex;flex-direction:column;gap:8px}.overview-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:43px;padding:8px 10px;border:1px solid #e5e9f0;border-radius:8px;background:#f8fafc}.overview-row span{overflow:hidden;color:#667085;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.overview-row strong{overflow-wrap:anywhere;color:#111827;font-size:18px;line-height:1.2;text-align:right}.quota-ranking{min-width:0}.quota-ranking-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.quota-ranking-head h3{margin:0;color:#111827;font-size:15px;line-height:1.3}.quota-ranking-head p{margin:4px 0 0;color:#667085;font-size:12px}.quota-ranking-total{flex:0 0 auto;text-align:right}.quota-ranking-total span{display:block;color:#667085;font-size:12px;line-height:1.2}.quota-ranking-total strong{display:block;margin-top:3px;color:#0f766e;font-size:20px;line-height:1.2}.quota-ranking-list{display:flex;flex-direction:column;gap:8px}.quota-ranking-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;min-width:0;padding:9px 10px;border:1px solid #e5e9f0;background:#fff}.quota-rank-no,.quota-ranking-row{align-items:center;border-radius:8px}.quota-rank-no{display:inline-flex;justify-content:center;width:28px;height:28px;background:#e6f4f1;color:#0f766e;font-size:13px;font-weight:700}.quota-rank-user{display:flex;flex-direction:column;min-width:0}.quota-rank-user span,.quota-rank-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quota-rank-user strong{color:#111827;font-size:13px}.quota-rank-user span{color:#667085;font-size:12px}.quota-rank-value{text-align:right}.quota-rank-value strong{display:block;color:#111827;font-size:15px;line-height:1.2}.quota-rank-value span{display:block;margin-top:3px;color:#667085;font-size:11px;line-height:1.2}.user-table{width:100%}.user-cell{display:flex;flex-direction:column;min-width:0}.user-cell span,.user-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted,.user-cell span{color:#667085;font-size:12px}.user-cell .el-tag{margin-left:6px;vertical-align:1px}.invite-code{display:inline-block;max-width:100%;color:#0f766e;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.invite-code,.single-user-name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.single-user-name{display:block;color:#111827}.danger{color:#d93025}.pagination-row{justify-content:flex-end;border-top:0;border-radius:0 0 8px 8px}.drawer-form{padding:0 22px 22px}.drawer-form .el-input-number,.drawer-form .el-select{width:100%}.drawer-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding-top:12px;background:#fff}@media (max-width:1180px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-ranking-layout,.dashboard-hero,.dashboard-layout,.pie-layout{grid-template-columns:1fr}.analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-switch{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.admin-shell{flex-direction:column}.sidebar{position:static;flex:none;width:100%;height:auto}.topbar{align-items:flex-start;flex-direction:column}.filters .el-input,.filters .el-select{width:100%}.analysis-grid,.dashboard-stats,.filters,.hero-metrics,.stats-grid,.trend-switch{grid-template-columns:1fr}.trend-panel .panel-head{align-items:stretch;flex-direction:column}.trend-month-select{flex:none;width:100%}.hero-copy strong{font-size:32px}.pagination-row,.table-toolbar{align-items:stretch;flex-direction:column}}