:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#1d2129;background:#f2f3f5;font-synthesis:none;--primary: #165dff;--primary-hover: #4080ff;--primary-soft: #e8f3ff;--primary-softer: #f2f7ff;--line: #e5e6eb;--line-light: #f2f3f5;--muted: #86909c;--text-secondary: #4e5969;--surface: #ffffff;--danger: #f53f3f;--success: #00b42a;--warning: #ff7d00;--radius: 10px;--shadow: 0 2px 8px rgba(29, 33, 41, .035), 0 8px 24px rgba(29, 33, 41, .035)}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden;background:#f2f3f5;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit}.app-shell{min-height:100vh;background:#f2f3f5}.desktop-sider{position:sticky!important;z-index:20;top:0;height:100vh;background:#fff!important;border-right:1px solid var(--line);box-shadow:2px 0 8px #1d212906}.brand{height:64px;padding:11px 18px;display:flex;align-items:center;gap:11px;color:#1d2129;overflow:hidden}.brand--collapsed{justify-content:center;padding-inline:10px}.brand--drawer{height:auto;padding:0;color:#1d2129}.brand__mark{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#4080ff,#165dff);box-shadow:0 5px 12px #165dff3d;font-size:19px}.brand__copy{min-width:0;display:flex;flex-direction:column;gap:2px;white-space:nowrap}.brand__copy strong{color:#1d2129;font-size:15px;line-height:1.2;letter-spacing:.1px}.brand__copy span{color:#86909c;font-size:11px;line-height:1.2}.menu-caption{padding:18px 20px 7px;color:#c0c4cc;font-size:11px;line-height:1}.side-menu{padding:5px 10px!important;color:#4e5969!important;background:transparent!important}.side-menu .arco-menu-item{height:42px;margin-bottom:4px;padding-inline:12px!important;color:#4e5969!important;background:transparent!important;border-radius:7px;font-size:14px}.side-menu .arco-menu-icon{color:#86909c;font-size:18px}.side-menu .arco-menu-selected{color:var(--primary)!important;background:var(--primary-soft)!important;font-weight:500}.side-menu .arco-menu-selected .arco-menu-icon{color:var(--primary)!important}.side-menu .arco-menu-item:hover{color:var(--primary)!important;background:#f7f8fa!important}.sider-collapse{position:absolute;z-index:2;right:-12px;top:74px;width:24px;height:24px;padding:0;display:grid;place-items:center;color:#86909c;background:#fff;border:1px solid var(--line);border-radius:50%;box-shadow:0 2px 8px #1d21291a;cursor:pointer}.sider-collapse:hover{color:var(--primary);border-color:#94bfff}.mobile-drawer .arco-drawer-header{border-bottom-color:var(--line)}.mobile-menu-list{border:0!important}.mobile-menu-list .arco-menu-item{height:42px;margin-bottom:3px;border-radius:7px}.topbar{position:sticky;z-index:10;top:0;height:64px!important;padding:0 28px!important;display:flex;align-items:center;justify-content:space-between;background:#fffffff0!important;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar__scope{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:13px}.topbar__location{display:inline-flex;align-items:center;gap:7px;color:#1d2129;font-weight:500}.topbar__location svg{color:var(--primary);font-size:15px}.topbar__divider{width:1px;height:14px;background:var(--line)}.scope-label{color:var(--muted)}.topbar__actions{display:flex;align-items:center;gap:14px}.topbar__actions .arco-btn{color:#4e5969;background:#f7f8fa;border-color:transparent}.topbar__actions .arco-btn:hover{color:var(--primary);background:var(--primary-soft)}.user-trigger{padding:4px 6px 4px 4px;display:flex;align-items:center;gap:9px;color:#4e5969;background:transparent;border:0;border-radius:8px;cursor:pointer}.user-trigger:hover{background:#f7f8fa}.user-trigger .arco-avatar{color:#fff;background:linear-gradient(145deg,#6aa1ff,#165dff)}.mobile-menu{display:none;width:36px;height:36px;color:#4e5969;border:1px solid var(--line);border-radius:8px;background:#fff}.main-content{min-width:0;padding:26px 28px 48px}.page-heading{min-height:56px;margin-bottom:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.page-heading__copy{min-width:0;display:flex;align-items:flex-start;gap:11px}.page-heading h1{margin:0;color:#1d2129;font-size:24px;line-height:1.35;letter-spacing:0;font-weight:600}.page-heading p{max-width:760px;margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.page-heading__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.back-button{width:36px;height:36px;margin-top:-1px;display:grid;place-items:center;color:#4e5969;background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer}.back-button:hover{color:var(--primary);border-color:#94bfff;background:var(--primary-softer)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metric-card{--tone-color: #165dff;--tone-bg: #e8f3ff;min-height:132px;padding:20px;position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.metric-card:after{content:"";position:absolute;right:-22px;bottom:-34px;width:92px;height:92px;background:var(--tone-bg);border-radius:50%;opacity:.7}.metric-card:hover{transform:translateY(-2px);border-color:#bedaff;box-shadow:0 10px 28px #165dff14}.metric-card[data-tone=blue]{--tone-color: #165dff;--tone-bg: #e8f3ff}.metric-card[data-tone=green]{--tone-color: #00b42a;--tone-bg: #e8ffea}.metric-card[data-tone=orange]{--tone-color: #ff7d00;--tone-bg: #fff7e8}.metric-card[data-tone=red]{--tone-color: #f53f3f;--tone-bg: #ffece8}.metric-card[data-tone=neutral]{--tone-color: #722ed1;--tone-bg: #f5e8ff}.metric-card__top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.metric-card__label{color:var(--text-secondary);font-size:13px}.metric-card__icon{width:36px;height:36px;display:grid;place-items:center;color:var(--tone-color);border-radius:10px;background:var(--tone-bg);font-size:19px}.metric-card__value{position:relative;z-index:1;display:block;margin-top:10px;color:#1d2129;font-size:28px;line-height:1.1;letter-spacing:-.4px}.metric-card__note{position:relative;z-index:1;display:block;margin-top:9px;color:#a9aeb8;font-size:12px}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:18px}.panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.panel__header{min-height:58px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line-light)}.panel__header h2{margin:0;color:#1d2129;font-size:15px;letter-spacing:0;font-weight:600}.panel__body{padding:20px}.panel__body--flush{padding:0}.panel .arco-table-th{color:#4e5969;background:#f7f8fa;font-weight:500}.panel .arco-table-tr:hover .arco-table-td{background:#f7faff}.panel .arco-table-border-cell{border-color:var(--line-light)}.filter-bar{margin-bottom:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-bar__spacer{flex:1}.summary-line{display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:13px}.summary-line strong{margin-left:5px;color:#1d2129}.page-state{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--muted)}.text-muted{color:var(--muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.number-up{color:var(--success);font-size:12px}.table-title{min-width:0;display:flex;flex-direction:column;gap:4px}.table-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1d2129}.table-title span{color:#a9aeb8;font-size:12px}.cover{width:72px;height:48px;object-fit:cover;border-radius:7px;background:#f2f3f5}.action-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.section-stack{display:flex;flex-direction:column;gap:18px}.form-section{padding:22px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.form-section h2{margin:0 0 18px;color:#1d2129;font-size:16px;letter-spacing:0}.hint-box{padding:13px 15px;color:var(--text-secondary);background:var(--primary-softer);border-left:3px solid var(--primary);border-radius:6px;font-size:13px;line-height:1.65}.danger-box{background:#fff3f0;border-left-color:var(--danger)}.avatar-name{display:flex;align-items:center;gap:10px}.chart-container{width:100%;height:360px}.mobile-only{display:none}.arco-btn{border-radius:6px}.arco-btn-primary{background-color:var(--primary)!important;border-color:var(--primary)!important;box-shadow:0 3px 8px #165dff29}.arco-btn-primary:hover{background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.arco-link{color:var(--primary)!important}.arco-input-wrapper,.arco-textarea-wrapper,.arco-select-view-single,.arco-picker,.arco-input-number{border-radius:6px!important}.arco-input-wrapper:hover,.arco-textarea-wrapper:hover,.arco-select-view-single:hover,.arco-picker:hover{border-color:#94bfff!important}.arco-tabs-nav-tab-list{gap:4px}.arco-pagination-item-active{color:var(--primary)!important;background:var(--primary-soft)!important}@media(min-width:1600px){.main-content{padding-right:40px;padding-left:40px}}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media(max-width:900px){.desktop-sider{display:none}.mobile-menu{display:grid;place-items:center}.topbar{height:58px!important;padding:0 20px!important}.topbar__scope{display:none}.main-content{padding:24px 24px 42px}}@media(max-width:760px){.topbar{height:58px!important;padding:0 14px!important}.user-trigger span{display:none}.main-content{padding:18px 14px 36px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading__actions{width:100%}.page-heading__actions>.arco-btn{flex:1}.page-heading h1{font-size:21px}.metrics-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:118px;padding:16px}.metric-card__value{font-size:24px}.filter-bar>.arco-input-wrapper,.filter-bar>.arco-select-view{width:100%!important}.mobile-only{display:block}.desktop-only{display:none!important}.chart-container{height:300px}}@media(max-width:430px){.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:108px}}