html,body,#app{margin:0;padding:0;height:100%;width:100%}:root{--sidebar-bg: #fff;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--navbar-height: 64px;--page-max-width: 1680px;--page-padding-x: 24px;--page-padding-y: 22px;--content-bg: #f5f7fb;--surface-bg: #fff;--surface-muted: #f8fafd;--primary-color: #165dff;--primary-light: #e8f0ff;--text-primary: #1d2129;--text-secondary: #4e5969;--text-caption: #86909c;--border-color: #e5e6eb;--border-soft: #edf1f6;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--shadow-card: 0 8px 24px rgba(15, 23, 42, .04)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5715;color:var(--text-primary);background:var(--content-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:#c9cdd4;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#a8abb2}::-webkit-scrollbar-track{background-color:transparent}.arco-card{border:1px solid var(--border-soft);border-radius:var(--border-radius-lg);background:var(--surface-bg);box-shadow:var(--shadow-card)}.arco-card .arco-card-header{min-height:50px;border-bottom:1px solid var(--border-soft);padding:0 18px}.arco-card .arco-card-body{padding:18px}.arco-card.card-hoverable{transition:box-shadow .25s ease,transform .25s ease}.arco-card.card-hoverable:hover{box-shadow:0 4px 12px #0015291a}.arco-table{border-radius:var(--border-radius-lg);overflow:hidden}.arco-table .arco-table-th{background-color:#f8fafd;font-weight:600;color:var(--text-secondary);font-size:13px;padding:11px 14px}.arco-table .arco-table-td{color:var(--text-primary);padding:11px 14px}.arco-table .arco-table-tr{transition:background-color .15s ease}.arco-table .arco-table-tr:nth-child(2n) .arco-table-td{background-color:#fbfcfe}.arco-table .arco-table-tr:hover .arco-table-td{background-color:#f5f8ff}.arco-tag{padding:2px 10px;border-radius:var(--border-radius-sm);font-size:12px}.arco-tag.arco-tag-blue{background-color:#e8f3ff;color:#165dff}.arco-tag.arco-tag-green{background-color:#e8ffea;color:#00b42a}.arco-tag.arco-tag-red{background-color:#ffece8;color:#f53f3f}.arco-tag.arco-tag-orange{background-color:#fff3e8;color:#ff7d00}.arco-tag.arco-tag-gray{background-color:#f2f3f5;color:#86909c}.arco-btn-primary{border-radius:var(--border-radius-md);box-shadow:0 2px #165dff1a}.arco-btn{border-radius:var(--border-radius-md);transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.arco-modal{border-radius:var(--border-radius-lg)}.arco-form-label-item .arco-form-item-label{color:var(--text-secondary);font-weight:500}.arco-form-layout-inline{display:flex;align-items:flex-start;flex-wrap:wrap;gap:0}.arco-form-layout-inline .arco-form-item{display:flex;align-items:center;margin-bottom:16px}.arco-input-wrapper,.arco-select-view-single,.arco-picker{border-radius:var(--border-radius-md)!important}.main-content{padding:var(--page-padding-y) var(--page-padding-x) 28px;background:linear-gradient(180deg,#ffffffa3,#fff0 220px),var(--content-bg)}.main-content>*{width:100%;max-width:var(--page-max-width);margin-right:auto;margin-left:auto;min-width:0}.page-container{min-width:0;background:var(--surface-bg);border:1px solid var(--border-soft);border-radius:var(--border-radius-lg);padding:20px;box-shadow:var(--shadow-card)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.page-header .page-title{font-size:20px;font-weight:700;line-height:1.3;color:var(--text-primary);margin:0}.page-header-main{min-width:0}.page-title-row{display:flex;min-width:0;align-items:center;gap:12px}.page-subtitle{margin:6px 0 0;color:var(--text-caption);font-size:13px;line-height:1.55}.page-header-actions{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:8px}.page-section{margin-bottom:16px}.page-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--text-primary);font-size:15px;font-weight:700}.page-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.page-kpi-card{min-width:0;min-height:86px;padding:14px 15px;border:1px solid var(--border-soft);border-radius:var(--border-radius-lg);background:var(--surface-bg)}.page-kpi-head{display:flex;align-items:center;gap:7px;color:var(--text-caption);font-size:12px}.page-kpi-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--text-caption)}.page-kpi-dot.info,.page-kpi-dot.blue{background:var(--primary-color)}.page-kpi-dot.success,.page-kpi-dot.green{background:#00b42a}.page-kpi-dot.warning,.page-kpi-dot.orange{background:#ff7d00}.page-kpi-dot.danger,.page-kpi-dot.red{background:#f53f3f}.page-kpi-value{display:block;margin-top:9px;color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.page-kpi-caption{display:block;margin-top:5px;overflow:hidden;color:var(--text-caption);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.filter-section{padding:14px 14px 2px;margin-bottom:16px;border:1px solid var(--border-soft);border-radius:var(--border-radius-lg);background:var(--surface-muted)}.filter-section .arco-form{margin-bottom:0}.filter-section .arco-form-item:last-child{margin-bottom:0}.pagination{display:flex;justify-content:flex-end;margin-top:20px}.filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.filter-card{margin-bottom:16px}.filter-card .arco-card-body{padding:14px 16px 2px}.filter-card .arco-form-item{margin-bottom:12px}.query-panel{margin-bottom:16px;padding:16px 16px 14px;border:1px solid var(--border-soft);border-radius:var(--border-radius-lg);background:var(--surface-muted)}.query-panel--dense{position:relative;z-index:3;margin-bottom:14px;padding:0;overflow:hidden;border:1px solid var(--border-soft);border-radius:var(--border-radius-lg);background:var(--surface-muted);box-shadow:none}.query-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.query-panel--dense .query-panel-header{min-height:40px;align-items:center;margin-bottom:0;padding:6px 12px;border-bottom:1px solid var(--color-border-2)}.query-panel-title{display:block;color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.4}.query-panel-desc{display:block;margin-top:2px;color:var(--text-caption);font-size:12px;line-height:1.5}.query-panel-actions{flex-shrink:0}.query-panel--dense .query-panel-actions{display:flex;align-items:center;gap:6px}.query-form .arco-form-item{min-width:0;margin-bottom:0}.query-form .arco-form-item-label-col{margin-bottom:6px}.query-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:end}.query-toolbar{display:grid;grid-template-columns:var(--query-toolbar-columns, repeat(4, minmax(0, 1fr)) max-content);gap:6px;align-items:center;padding:8px 12px 7px}.query-toolbar--simple{--query-toolbar-columns: minmax(220px, 1fr) minmax(150px, .52fr) max-content}.query-toolbar--wide{--query-toolbar-columns: minmax(240px, 1.15fr) minmax(180px, .84fr) minmax(260px, 1.18fr) max-content}.query-toolbar--report{--query-toolbar-columns: minmax(300px, 380px) max-content 1fr}.query-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end;white-space:nowrap}.query-actions .arco-btn{padding-right:10px;padding-left:10px}.icon-action{width:32px;padding:0!important}.query-grid--advanced{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:6px;align-items:center;padding:0 12px 8px}.query-field{grid-column:span 3;min-width:0}.query-field.wide{grid-column:span 4}.query-field.narrow{grid-column:span 2}.query-toolbar>.query-field,.query-grid--advanced>.query-field{grid-column:auto;width:100%;margin-bottom:0}.query-field .arco-form-item-content,.query-field .arco-form-item-content-wrapper,.query-field .arco-select,.query-field .arco-input-wrapper,.query-field .arco-input-number,.query-field .arco-picker,.query-field .arco-select-view-single,.query-field .arco-select-view-multiple{width:100%}.query-field .arco-form-item-label-col{margin-bottom:2px;line-height:18px}.query-field .arco-form-item-label{color:var(--color-text-3);font-size:12px}.query-field .arco-input-wrapper,.query-field .arco-input-number,.query-field .arco-select-view-single,.query-field .arco-select-view-multiple,.query-field .arco-picker{height:32px;min-height:32px;border-radius:6px}.filter-control{display:flex;width:100%;min-width:0;height:32px;overflow:hidden;align-items:stretch;border:1px solid var(--color-border-2);border-radius:6px;background:var(--color-fill-2);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.filter-control:hover{border-color:var(--color-border-3);background:var(--color-fill-1)}.filter-control:focus-within{border-color:rgb(var(--primary-6));background:var(--color-bg-2);box-shadow:0 0 0 2px rgba(var(--primary-6),.08)}.filter-control-label{display:none}.filter-control-input{flex:1 1 auto;min-width:0}.filter-control .arco-select,.filter-control .arco-input-wrapper,.filter-control .arco-picker,.filter-control .arco-input-number{width:100%}.filter-control .arco-select-view-single,.filter-control .arco-select-view-multiple,.filter-control .arco-input-wrapper,.filter-control .arco-input-number,.filter-control .arco-picker{min-height:30px;height:30px;border:0;border-radius:0;background:transparent;box-shadow:none!important}.filter-control .arco-select-view-single,.filter-control .arco-select-view-multiple{padding-left:12px}.filter-control .arco-select-view-multiple{padding-top:0;padding-bottom:0}.filter-control .arco-input,.filter-control .arco-select-view-input,.filter-control .arco-select-view-value,.filter-control .arco-input-number-input,.filter-control .arco-picker-input input{font-size:13px}.filter-control .arco-picker-separator{padding:0 4px}.query-range-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}.query-range-separator{color:var(--text-caption);font-size:12px}@media(max-width:1280px){.query-toolbar,.query-toolbar--simple,.query-toolbar--wide,.query-toolbar--report{grid-template-columns:1fr 1fr max-content}.query-field,.query-field.wide,.query-field.narrow{grid-column:span 4}.query-grid--advanced{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.page-container{padding:16px}.page-header{flex-direction:column;align-items:stretch}.page-header-actions{justify-content:flex-start}.page-kpi-grid{grid-template-columns:1fr}.query-panel-header{flex-direction:column;align-items:stretch}.query-panel-actions,.query-panel-actions .arco-space{width:100%}.query-field,.query-field.wide,.query-field.narrow{grid-column:1/-1}.query-toolbar,.query-toolbar--simple,.query-toolbar--wide,.query-toolbar--report,.query-grid--advanced{grid-template-columns:1fr}.query-actions{justify-content:flex-start}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.ml-8{margin-left:8px}.ml-12{margin-left:12px}.ml-16{margin-left:16px}.mr-8{margin-right:8px}.mr-12{margin-right:12px}.mr-16{margin-right:16px}.p-16{padding:16px}.p-24{padding:24px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-1{flex:1}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .22s ease,transform .22s ease}.fade-slide-enter-from{opacity:0;transform:translateY(8px)}.fade-slide-leave-to{opacity:0;transform:translateY(-8px)}.fade-transform-enter-active,.fade-transform-leave-active{transition:opacity .22s ease,transform .22s ease}.fade-transform-enter-from{opacity:0;transform:translate(-12px)}.fade-transform-leave-to{opacity:0;transform:translate(12px)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media(max-width:1024px){:root{--page-padding-x: 18px;--page-padding-y: 18px}}@media(max-width:760px){:root{--page-padding-x: 12px;--page-padding-y: 14px}.page-header{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}