html,body,#app{margin:0;padding:0;height:100%;width:100%}:root{--sidebar-bg: oklch(.958 .012 252);--sidebar-width: 212px;--sidebar-collapsed-width: 68px;--navbar-height: 56px;--page-max-width: 1760px;--page-padding-x: 20px;--page-padding-y: 20px;--canvas-bg: oklch(.975 .008 252);--content-bg: var(--canvas-bg);--surface-bg: oklch(.995 .004 252);--surface-muted: oklch(.958 .012 252);--accent-color: oklch(.62 .205 258);--primary-color: var(--accent-color);--primary-light: oklch(.94 .035 258);--text-primary: oklch(.27 .025 255);--text-secondary: oklch(.48 .025 255);--text-caption: oklch(.59 .02 255);--border-color: oklch(.89 .014 252);--border-soft: oklch(.925 .01 252);--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-overlay: 10px;--shadow-card: 0 1px 2px color-mix(in oklch, var(--text-primary) 6%, transparent);--shadow-overlay: 0 18px 48px color-mix(in oklch, var(--text-primary) 16%, transparent);--semantic-success: oklch(.64 .16 145);--semantic-warning: oklch(.72 .16 75);--semantic-danger: oklch(.63 .2 25);--query-control-min-width: 220px;--query-keyword-min-width: 280px;--query-date-min-width: 340px;--query-select-popup-min-width: min(240px, calc(100vw - 24px) );--query-select-popup-max-width: min(420px, calc(100vw - 24px) )}*{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.55;color:var(--text-primary);background:var(--canvas-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(22,93,255,.72);outline-offset:2px}button,input,textarea,select{font:inherit}::-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:none}.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:border-color .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1)}.arco-card.card-hoverable:hover{border-color:color-mix(in oklch,var(--accent-color) 24%,var(--border-soft));box-shadow:0 8px 24px color-mix(in oklch,var(--text-primary) 8%,transparent)}.arco-table{border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--border-soft);background:var(--surface-bg)}.arco-table .arco-table-th{background-color:var(--surface-muted);font-weight:600;color:var(--text-secondary);font-size:13px;padding:0}.arco-table .arco-table-td{color:var(--text-primary);padding:0;background:var(--surface-bg)}.arco-table .arco-table-th .arco-table-cell,.arco-table .arco-table-td .arco-table-cell{padding:9px 12px}.arco-table .arco-table-tr{transition:background-color .15s ease}.arco-table .arco-table-tr:nth-child(2n) .arco-table-td{background-color:color-mix(in oklch,var(--surface-muted) 42%,var(--surface-bg))}.arco-table .arco-table-tr:hover .arco-table-td{background-color:color-mix(in oklch,var(--primary-light) 46%,var(--surface-bg))}.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:none;font-weight:600}.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-overlay);box-shadow:var(--shadow-overlay)}.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) 32px;background:var(--canvas-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:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.page-header .page-title{font-size:22px;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;max-width:72ch;color:var(--text-secondary);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:color-mix(in oklch,var(--surface-bg) 92%,var(--surface-muted))}.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}.query-panel{container-name:query-shell;container-type:inline-size;margin-bottom:16px;padding:12px;border:1px solid var(--border-soft);border-radius:var(--border-radius-lg);background:var(--surface-bg)}.query-panel--standard .query-toolbar{padding:0}.query-panel--embedded{margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:transparent}.query-panel--embedded .query-toolbar{padding:0}.query-panel--embedded .query-field--compact{min-width:min(100%,180px);flex:0 1 200px}.query-panel--embedded .query-field--compact .filter-control{height:30px}.query-panel--embedded .query-field--compact .arco-select-view-single,.query-panel--embedded .query-field--compact .arco-select-view-multiple,.query-panel--embedded .query-field--compact .arco-input-wrapper,.query-panel--embedded .query-field--compact .arco-input-number,.query-panel--embedded .query-field--compact .arco-picker{min-height:28px;height:28px}.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-bg);box-shadow:none}.query-panel-before{padding:0 12px 8px}.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(--border-soft);background:var(--surface-muted)}.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:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 12px 7px}.query-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end;white-space:nowrap}.query-status-text{color:var(--text-caption);font-size:12px;line-height:32px;white-space:nowrap}.query-clear-advanced{flex:0 0 auto;color:var(--text-caption)}.query-clear-advanced:hover{color:var(--primary-color)}.query-advanced-toggle{flex:0 0 auto;gap:4px;min-width:96px;color:var(--text-secondary)}.query-advanced-toggle:hover{color:var(--primary-color)}.query-advanced-toggle .arco-btn-content{display:inline-flex;align-items:center;gap:4px}.query-advanced-count{display:inline-flex;min-width:18px;height:18px;padding:0 5px;align-items:center;justify-content:center;border-radius:9px;background:var(--primary-light);color:var(--primary-color);font-size:11px;font-variant-numeric:tabular-nums;line-height:18px}.query-advanced-toggle svg{transition:transform .18s cubic-bezier(.22,1,.36,1)}.query-advanced-toggle__icon--open{transform:rotate(180deg)}.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(auto-fill,minmax(min(100%,var(--query-control-min-width)),1fr));gap:8px;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-field--keyword{--query-field-basis: var(--query-keyword-min-width)}.query-field--date{--query-field-basis: var(--query-date-min-width)}.query-field--compact{--query-field-basis: 180px}.query-toolbar>.query-field,.query-grid--advanced>.query-field{grid-column:auto;margin-bottom:0}.query-toolbar>.query-field,.query-toolbar>.filter-control{width:auto;min-width:min(100%,var(--query-control-min-width));flex:1 1 var(--query-field-basis, var(--query-control-min-width))}.query-toolbar>.query-field.wide,.query-toolbar>.keyword-field{flex-basis:var(--query-keyword-min-width)}.query-toolbar>.date-field,.query-toolbar>.query-field--date,.query-toolbar>.query-field:has(.arco-picker-range){flex-basis:var(--query-date-min-width)}.query-toolbar>.query-actions{flex:0 0 auto;margin-left:auto}.query-grid--advanced>.query-field{width:100%}.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(--border-color);border-radius:6px;background:var(--surface-bg);transition:border-color .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),background-color .18s cubic-bezier(.22,1,.36,1)}.query-control-input{display:flex;min-width:0;flex:1 1 auto;align-items:stretch}.query-control-input>*{width:100%}.query-control-input .arco-select,.query-control-input .arco-input-wrapper,.query-control-input .arco-picker,.query-control-input .arco-input-number{width:100%}.query-field--disabled .filter-control{border-color:var(--color-border-1);background:var(--color-fill-1)}.query-field--error .filter-control{border-color:rgb(var(--danger-6))}.query-field-error{margin-top:4px;color:rgb(var(--danger-6));font-size:12px;line-height:1.4}.filter-control:hover{border-color:color-mix(in oklch,var(--accent-color) 28%,var(--border-color));background:var(--surface-bg)}.filter-control:focus-within{border-color:var(--accent-color);background:var(--surface-bg);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent-color) 14%,transparent)}.filter-control-label{display:inline-flex;flex:0 0 auto;align-self:stretch;align-items:center;padding:0 8px 0 10px;border-right:1px solid var(--border-soft);background:color-mix(in oklch,var(--surface-muted) 78%,var(--surface-bg));color:var(--text-caption);font-size:12px;font-weight:500;white-space:nowrap}.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,.filter-control .query-date-range{width:100%}@container query-shell (max-width: 1120px){.query-panel:not(.query-panel--embedded) .query-toolbar>.query-field,.query-panel:not(.query-panel--embedded) .query-toolbar>.filter-control{min-width:calc(50% - 20px);flex-basis:calc(50% - 20px)}.query-panel:not(.query-panel--embedded) .query-toolbar>.query-actions{width:100%;margin-left:0;justify-content:flex-end}}@container query-shell (max-width: 720px){.query-panel:not(.query-panel--embedded) .query-toolbar>.query-field,.query-panel:not(.query-panel--embedded) .query-toolbar>.filter-control{width:100%;min-width:100%;flex-basis:100%}.query-panel:not(.query-panel--embedded) .query-toolbar>.query-actions{justify-content:flex-start}.query-panel:not(.query-panel--embedded) .query-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.query-advanced-toggle svg{transition:none}}.filter-control .arco-picker-focused,.filter-control .arco-picker-focused:hover,.filter-control .arco-input-wrapper:focus-within,.filter-control .arco-input-wrapper.arco-input-focus,.filter-control .arco-select-view-single:focus-within,.filter-control .arco-select-view-single.arco-select-view-focus,.filter-control .arco-select-view-multiple:focus-within,.filter-control .arco-select-view-multiple.arco-select-view-focus{border-color:transparent;background:transparent;box-shadow:none}.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 input:focus-visible{outline:none}.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;color:var(--text-caption)}.arco-select-dropdown{min-width:var(--query-select-popup-min-width)!important;max-width:var(--query-select-popup-max-width);border-color:var(--border-soft);border-radius:8px;box-shadow:var(--shadow-overlay)}.arco-select-dropdown .arco-select-option{min-height:36px;padding-top:7px;padding-bottom:7px;line-height:20px}.arco-select-dropdown .arco-select-option-content,.arco-select-dropdown .arco-select-option-checkbox .arco-checkbox-label{overflow:visible;white-space:normal;text-overflow:clip;overflow-wrap:anywhere}.arco-picker-range-container{border-color:var(--border-soft);border-radius:8px;box-shadow:var(--shadow-overlay)}.arco-picker-range-container .arco-picker-shortcuts{display:flex;flex-wrap:wrap;gap:4px;padding:7px 10px;border-top:1px solid var(--border-soft);background:var(--surface-muted)}.arco-picker-range-container .arco-picker-shortcuts>*{min-width:54px;margin:0;border-color:transparent;background:transparent;color:var(--text-secondary)}.arco-picker-range-container .arco-picker-shortcuts>*:hover{border-color:var(--border-soft);background:var(--color-fill-2);color:var(--text-primary)}@media(max-width:600px){.arco-picker-range-container{position:fixed;right:8px;bottom:8px;left:auto;width:min(320px,100vw - 16px);max-width:calc(100vw - 16px);max-height:min(420px,100vh - 24px);overflow-y:auto}.arco-picker-range-container .arco-picker-range-wrapper{width:100%;flex-direction:column}.arco-picker-range-container .arco-panel-date,.arco-picker-range-container .arco-panel-date-inner{width:100%}.arco-picker-range-container .arco-panel-date+.arco-panel-date{border-top:1px solid var(--border-soft)}.arco-picker-range-container .arco-picker-footer{position:sticky;z-index:2;bottom:0;background:var(--color-bg-popup)}}@media(max-width:1280px){.query-grid:not(.query-grid--advanced)>.query-field,.query-grid:not(.query-grid--advanced)>.query-field.wide,.query-grid:not(.query-grid--advanced)>.query-field.narrow{grid-column:span 4}.query-grid--advanced{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--query-control-min-width)),1fr))}}@media(max-width:768px){.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-grid>.query-field,.query-grid>.query-field.wide,.query-grid>.query-field.narrow{grid-column:1/-1}.query-grid--advanced{grid-template-columns:1fr}.query-toolbar>.query-field,.query-toolbar>.filter-control{width:100%;min-width:100%;flex-basis:100%}.query-toolbar>.query-actions{width:100%;margin-left:0}.query-actions{justify-content:flex-start}.pagination,.table-pagination{max-width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.pagination .arco-pagination,.table-pagination .arco-pagination{min-width:max-content}.pagination .arco-pagination-total,.pagination .arco-pagination-options,.pagination .arco-pagination-jumper,.table-pagination .arco-pagination-total,.table-pagination .arco-pagination-options,.table-pagination .arco-pagination-jumper{display:none}}.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}.business-section-target{scroll-margin-top:88px;animation:business-section-target 1.6s cubic-bezier(.16,1,.3,1)}@keyframes business-section-target{0%,to{box-shadow:none}18%,62%{box-shadow:0 0 0 3px rgb(var(--primary-2))}}@media(max-width:1024px){:root{--page-padding-x: 16px;--page-padding-y: 16px}}@media(max-width:760px){:root{--page-padding-x: 12px;--page-padding-y: 12px}.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}}
