:root{--bg:#f5f8fc;--surface:#fff;--surface-muted:#f3f6fb;--border:#d7e0ec;--border-soft:#e5ebf3;--text:#14213d;--muted:#64758f;--primary:#1f6fff;--primary-soft:#e8f0ff;--success:#0aa879;--warning:#f2762e;--danger:#e5484d;--sidebar:#031c43;--sidebar-muted:#a6b8d4;--radius:8px;--shadow-soft:0 12px 30px #14213d0f;--shadow-card:0 8px 20px #1f6fff0f;--el-color-primary:#1f6fff;--el-border-radius-base:8px;--el-border-radius-small:6px;--el-font-size-base:14px}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}#app{min-height:100vh}.admin-shell{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:linear-gradient(#062d67 0%,#031f4d 46%,#03142f 100%);flex-direction:column;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;box-shadow:12px 0 30px #03142f24}.brand{align-items:center;gap:12px;padding:6px 4px 24px;display:flex}.brand__mark{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#2b7cff 0%,#0956e8 100%);border:1px solid #ffffff2e;place-items:center;width:40px;height:40px;font-weight:800;display:grid;box-shadow:0 10px 24px #0068ff47}.brand strong,.brand small{display:block}.brand small{color:var(--sidebar-muted);margin-top:1px;font-size:12px}.sidebar-search{margin:0 0 16px}.sidebar-search__input .el-input__wrapper{border-radius:var(--radius);background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff1f}.sidebar-search__input .el-input__inner,.sidebar-search__input .el-input__prefix{color:#eff5ff}.sidebar-search__input .el-input__inner::placeholder{color:#e2e8f5a8}.sidebar-nav{flex-direction:column;flex:1;gap:14px;min-height:0;padding-right:3px;display:flex;overflow-y:auto}.sidebar-nav__section{gap:6px;display:grid}.sidebar-nav__heading{color:#a6b8d4d1;letter-spacing:0;padding:0 10px;font-size:11px;font-weight:800;line-height:1.4}.sidebar-nav__item{color:#e2e8f5;border-radius:var(--radius);align-items:center;gap:12px;min-height:40px;padding:9px 12px;font-weight:650;transition:background .16s,color .16s,transform .16s;display:flex}.sidebar-nav__item .el-icon{font-size:18px}.sidebar-nav__item:hover,.sidebar-nav__item.is-active{color:#fff;background:linear-gradient(135deg,#1f77ff 0%,#0f57d8 100%);box-shadow:0 10px 24px #045cd942}.sidebar-nav__item:hover{transform:translate(2px)}.sidebar-logout{border-radius:var(--radius);color:#e2e8f5;cursor:pointer;text-align:left;background:0 0;border:0;flex:none;align-items:center;gap:12px;width:100%;margin:14px 0 0;padding:12px 14px;font-weight:650;display:flex}.sidebar-logout:hover{color:#fff;background:#ffffff1a}.admin-main{background:var(--bg);min-width:0;padding:22px 24px}.page{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.page>*{min-width:0}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-title{margin:0;font-size:24px;font-weight:750;line-height:1.25}.page-subtitle{color:var(--muted);margin-top:4px;font-size:13px}.toolbar{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.toolbar__left,.toolbar__right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.surface{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}.table-wrap{overflow:hidden}.status-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;display:grid}.status-item{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface);padding:14px}.status-item span{color:var(--muted);font-size:12px;display:block}.status-item strong{margin-top:6px;font-size:18px;display:block}.metric-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;display:grid}.metric-grid--five{grid-template-columns:repeat(5,minmax(150px,1fr))}.metric-card{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface);min-width:0;padding:16px}.metric-card span,.metric-card small{color:var(--muted);font-size:12px;display:block}.metric-card strong{overflow-wrap:anywhere;margin:7px 0 2px;font-size:24px;line-height:1.2;display:block}.metric-card--success strong{color:var(--success)}.metric-card--primary strong{color:var(--primary)}.metric-card--danger strong{color:var(--danger)}.metric-card--neutral strong{color:var(--text)}.report-panel{padding:16px}.report-panel__head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.report-panel__head h2{margin:0;font-size:16px}.report-panel__head span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.report-panel__head strong{color:var(--success);font-size:20px}.report-panel__actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.traffic-chart{gap:8px;min-width:0;display:grid}.traffic-chart__svg{width:100%;min-height:260px;display:block;overflow:visible}.traffic-chart__grid line{stroke:var(--border-soft);stroke-width:1px}.traffic-chart__grid text,.traffic-chart__date{fill:var(--muted);font-size:12px}.traffic-chart__line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.traffic-chart__line--pv{stroke:var(--primary)}.traffic-chart__line--uv{stroke:var(--success)}.traffic-chart__dot{stroke:var(--surface);stroke-width:2px}.traffic-chart__dot--pv{fill:var(--primary)}.traffic-chart__dot--uv{fill:var(--success)}.traffic-chart__legend{color:var(--muted);justify-content:flex-end;gap:16px;font-size:12px;display:flex}.traffic-chart__legend span{align-items:center;gap:6px;display:inline-flex}.traffic-chart__legend i{border-radius:999px;width:18px;height:3px}.traffic-chart__legend-pv{background:var(--primary)}.traffic-chart__legend-uv{background:var(--success)}.stat-table-grid{grid-template-columns:minmax(320px,1.2fr) minmax(280px,1fr) minmax(220px,.8fr);align-items:start;gap:12px;display:grid}.stat-table-head{padding:14px 16px 8px;font-size:15px;font-weight:700}.overview-page{gap:14px}.overview-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.overview-header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.overview-header__actions .el-radio-group{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface);padding:3px;box-shadow:0 8px 18px #14213d0d}.overview-header__actions .el-radio-button__inner{box-shadow:none;color:var(--text);background:0 0;border:0;border-radius:6px;font-weight:650}.overview-header__actions .el-radio-button__original-radio:checked+.el-radio-button__inner{background:var(--primary);color:#fff;box-shadow:0 8px 16px #1f6fff33}.overview-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.overview-metric-card{--card-accent:var(--primary);--card-soft:var(--primary-soft);border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface);min-width:0;min-height:146px;box-shadow:var(--shadow-card);grid-template-rows:auto auto auto 1fr;padding:16px 16px 10px;display:grid}.overview-metric-card--blue{--card-accent:#1f6fff;--card-soft:#e8f0ff}.overview-metric-card--green,.overview-metric-card--mint{--card-accent:#0aa879;--card-soft:#dcf8ee}.overview-metric-card--purple{--card-accent:#7c4dff;--card-soft:#efe8ff}.overview-metric-card--orange{--card-accent:#f2762e;--card-soft:#fff0e7}.overview-metric-card--gray{--card-accent:#64758f;--card-soft:#eef2f7}.overview-metric-card__head{min-width:0;color:var(--muted);align-items:center;gap:10px;font-size:13px;font-weight:650;display:flex}.overview-metric-card__icon{background:var(--card-soft);width:36px;height:36px;color:var(--card-accent);border-radius:50%;flex:none;place-items:center;font-size:18px;display:grid}.overview-metric-card strong{color:var(--card-accent);overflow-wrap:anywhere;margin-top:8px;font-size:25px;line-height:1.15;display:block}.overview-metric-card small{color:var(--muted);margin-top:6px;font-size:12px;display:block}.overview-sparkline{align-self:end;width:100%;height:34px;margin-top:7px;overflow:visible}.overview-sparkline polyline{fill:none;stroke:var(--card-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.overview-panel{padding:16px;overflow:hidden}.overview-panel__head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.overview-panel__head h2{color:var(--text);margin:0;font-size:16px;font-weight:760}.overview-panel__head span,.overview-panel__meta{color:var(--muted);align-items:center;gap:7px;margin-top:4px;font-size:12px;display:flex}.overview-panel__meta{flex-wrap:wrap;justify-content:flex-end;margin-top:0}.overview-panel__meta span{margin-top:0}.overview-panel__total{color:var(--primary);font-size:13px}.legend-line{border-radius:999px;width:22px;height:3px;display:inline-block}.legend-line--pv{background:var(--primary)}.legend-line--uv{background:var(--success)}.page-share{align-items:center;gap:10px;min-width:0;display:flex}.page-share__bar{background:var(--surface-muted);border-radius:999px;flex:auto;min-width:80px;height:7px;position:relative;overflow:hidden}.page-share__bar i{border-radius:inherit;background:var(--primary);height:100%;display:block}.page-share strong{color:var(--text);text-align:right;flex:0 0 58px;font-size:12px}.overview-bottom-grid{grid-template-columns:minmax(280px,.95fr) minmax(320px,1fr) minmax(420px,1.18fr);align-items:stretch;gap:14px;display:grid}.funnel-layout{grid-template-columns:130px minmax(0,1fr);align-items:center;gap:16px;display:grid}.funnel-visual{align-content:center;gap:0;min-height:152px;display:grid}.funnel-layer{width:var(--funnel-width);background:var(--funnel-color);clip-path:polygon(8% 0,92% 0,80% 100%,20% 100%);justify-self:center;height:38px;display:block}.funnel-layer+.funnel-layer{margin-top:-1px}.funnel-list{gap:6px;min-width:0;display:grid}.funnel-row{min-width:0;color:var(--muted);border-radius:6px;grid-template-columns:minmax(48px,.8fr) minmax(60px,.8fr) minmax(54px,.7fr);align-items:center;gap:8px;padding:7px 8px;font-size:12px;display:grid}.funnel-row:nth-child(odd){background:var(--surface-muted)}.funnel-row strong{color:var(--text);font-size:13px}.funnel-row small{color:var(--muted);text-align:right}.funnel-row--income{background:#edf9f4;margin-top:4px}.funnel-row--income strong{color:var(--success)}.activity-list{gap:12px;display:grid}.activity-item{--activity-accent:var(--muted);--activity-soft:var(--surface-muted);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.activity-item--blue{--activity-accent:var(--primary);--activity-soft:var(--primary-soft)}.activity-item--green{--activity-accent:var(--success);--activity-soft:#dcf8ee}.activity-item--orange{--activity-accent:var(--warning);--activity-soft:#fff0e7}.activity-item__icon{background:var(--activity-soft);width:34px;height:34px;color:var(--activity-accent);border-radius:50%;place-items:center;font-size:17px;display:grid}.activity-item strong,.activity-item small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.activity-item strong{color:var(--text);font-size:13px}.activity-item small,.activity-item time{color:var(--muted);font-size:12px}.overview-more-link{color:var(--primary);align-items:center;gap:4px;margin-top:10px;font-size:13px;font-weight:650;display:inline-flex}.income-column-chart{grid-template-columns:repeat(var(--chart-count,6), minmax(0, 1fr));gap:12px;width:100%;min-height:260px;padding:8px 4px 2px;display:grid;overflow:hidden}.income-column-chart--days{gap:4px}.income-column{min-width:0;color:inherit;cursor:default;background:0 0;border:0;grid-template-rows:24px 180px 18px 18px;place-items:end center;gap:6px;padding:0;display:grid}.income-column__value,.income-column__date,.income-column small{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.income-column__value{color:var(--text);font-weight:650}.income-column__plot{border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top, transparent 0, transparent 44px, var(--border-soft) 45px);align-items:flex-end;width:100%;height:180px;padding:0 8px;display:flex;position:relative}.income-column-chart--days .income-column__plot{padding:0 2px}.income-column-chart--days .income-column__value,.income-column-chart--days .income-column small{font-size:11px}.income-column__bar{background:var(--success);border-radius:6px 6px 0 0;width:100%;transition:height .18s;display:block}.income-column--clickable{cursor:pointer}.income-column--clickable:hover .income-column__bar{background:#047857}.income-column--empty .income-column__bar{background:0 0}.order-subline{color:var(--muted);margin-top:4px;font-size:12px}.amount-text{color:var(--success)}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.text-muted{color:var(--muted)}.text-danger{color:var(--danger)}.select-option-sub{float:right;color:var(--muted);margin-left:18px;font-size:12px}.drawer-footer{justify-content:flex-end;gap:10px;display:flex}.nested-table{border:1px solid var(--border-soft);border-radius:var(--radius);margin:8px 18px 18px;overflow:hidden}.nested-table--inner{margin:4px 8px 12px}.subsection-title{color:var(--muted);padding:12px 12px 8px;font-size:12px}.pagination-bar{justify-content:flex-end;padding:4px 0;display:flex}.ticket-snippet{max-width:520px;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;display:-webkit-box;overflow:hidden}.ticket-drawer{gap:18px;display:grid}.ticket-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ticket-summary>div{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface-muted);min-width:0;padding:12px}.ticket-summary span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.ticket-summary strong{overflow-wrap:anywhere;display:block}.ticket-section{gap:10px;display:grid}.ticket-section h2{margin:0;font-size:15px}.ticket-section p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.reply-list{gap:10px;display:grid}.reply-item{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface);padding:12px}.reply-item--admin{background:#eff6ff;border-color:#bfdbfe}.reply-item__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.reply-item__head span{color:var(--muted);flex:none;font-size:12px}.reply-editor{margin-top:2px}.ticket-actions,.status-form{justify-content:flex-end;align-items:center;gap:10px;display:flex}.status-form .el-select{width:180px}@media (width<=1280px){.overview-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-bottom-grid{grid-template-columns:1fr}}@media (width<=1080px){.admin-shell{grid-template-columns:220px minmax(0,1fr)}.overview-header{flex-direction:column}.overview-header__actions{justify-content:flex-start;width:100%}.overview-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;min-height:0;position:static}.sidebar-nav{grid-template-columns:1fr;max-height:none;padding-right:0;display:grid;overflow:visible}.sidebar-nav__section{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sidebar-nav__heading{grid-column:1/-1;padding-top:4px}.sidebar-logout{margin-top:14px}.admin-main{padding:16px}.page-header,.report-panel__head{flex-direction:column}.report-panel__actions{justify-content:space-between;width:100%}.status-grid,.metric-grid,.overview-metric-grid,.overview-bottom-grid{grid-template-columns:1fr}.overview-header__actions .el-radio-group{width:100%}.overview-header__actions .el-radio-button{flex:1 1 0}.overview-header__actions .el-radio-button__inner{width:100%}.overview-header__actions .el-button{flex:auto}.overview-panel__head{flex-direction:column}.overview-panel__meta{justify-content:flex-start}.funnel-layout{grid-template-columns:1fr}.funnel-visual{max-width:240px;margin:0 auto}.stat-table-grid{grid-template-columns:1fr}.traffic-chart{overflow-x:auto}.traffic-chart__svg{min-width:640px}.income-column{grid-template-rows:22px 150px 18px 18px}.income-column__plot{height:150px;padding:0 7px}.ticket-summary{grid-template-columns:1fr}.pagination-bar{justify-content:flex-start;overflow-x:auto}}details>summary{cursor:pointer;padding:10px 0;font-weight:600}details>summary:focus-visible,.sidebar-nav__item:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}details[open]>summary{margin-bottom:12px}