:root{--color-text-primary: #333333;--color-text-secondary: #666666;--color-page-bg: #f5f7fa;--color-surface: #ffffff;--color-border-subtle: rgba(15, 23, 42, .08);--color-primary: #165dff;--color-primary-hover: #0040d0;--space-0-5: 2px;--space-0-75: 3px;--space-1: 4px;--space-1-25: 5px;--space-1-5: 6px;--space-1-75: 7px;--space-2: 8px;--space-2-25: 9px;--space-2-5: 10px;--space-2-75: 11px;--space-3: 12px;--space-3-25: 13px;--space-3-5: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-6-5: 28px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--component-gap: var(--space-2-5);--section-gap: var(--space-5);--page-edge-gap: var(--space-2-5);--page-bottom-padding: var(--page-edge-gap);--card-padding: var(--space-5);--app-header-height: 50px;--form-select-height: 34px}:root{font-family:PingFangSC-Regular,PingFang SC,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;width:100%;overflow-x:hidden}.layout-page{display:flex;flex-direction:column;gap:var(--section-gap);padding-bottom:var(--page-bottom-padding);min-height:calc(100vh - var(--app-header-height, 0px))}.layout-section{margin:0 var(--page-edge-gap) var(--section-gap)}.layout-grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--section-gap);align-items:start;margin:0 var(--page-edge-gap) var(--section-gap)}.layout-grid-2col{display:grid;grid-template-columns:320px minmax(0,1fr);gap:var(--component-gap);align-items:start;margin:0 var(--page-edge-gap) var(--section-gap)}.layout-page>.layout-section:last-child,.layout-page>.layout-grid-12:last-child,.layout-page>.layout-grid-2col:last-child{margin-bottom:0}.layout-main-8{grid-column:span 8}.layout-side-4{grid-column:span 4}.layout-block{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--component-gap);min-width:0}.layout-panel{height:100%;min-height:0}.layout-panel-scroll{flex:1;min-height:0;overflow:auto}.layout-panel-fixed{max-height:var(--layout-panel-height, auto);height:var(--layout-panel-height, auto)}.layout-block-header{display:flex;align-items:center;justify-content:space-between;gap:var(--component-gap)}.layout-block-title{display:flex;flex-direction:column;gap:var(--space-1)}.layout-block-actions{display:flex;align-items:center;gap:var(--component-gap)}:root{--two-line-metric-card-height: 96px;--two-line-metric-card-min-width: 220px;--two-line-metric-layer-offset: 12px;--two-line-metric-layer-radius: 12px;--two-line-metric-content-inset: 24px;--two-line-metric-block-padding: calc(var(--card-padding) - 2px);--two-line-metric-inline-padding: var(--card-padding);--two-line-metric-content-gap: var(--space-2);--two-line-metric-card-shadow: 0 6px 14px rgb(15 23 42 / 8%)}.two-line-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--two-line-metric-card-min-width),1fr));gap:var(--component-gap)}.two-line-metric-card{--two-line-metric-accent-color: #ef4444;--two-line-metric-card-bg: #fff5f5;--two-line-metric-card-border: rgb(239 68 68 / 12%);position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--two-line-metric-content-gap);overflow:hidden;height:var(--two-line-metric-card-height);min-height:var(--two-line-metric-card-height);padding:var(--two-line-metric-block-padding) var(--two-line-metric-inline-padding) var(--two-line-metric-block-padding) calc(var(--two-line-metric-layer-offset) + var(--two-line-metric-content-inset));border:none;border-radius:var(--two-line-metric-layer-radius);background:var(--two-line-metric-accent-color);box-shadow:var(--two-line-metric-card-shadow)}.two-line-metric-card:before{content:"";position:absolute;inset:0 0 0 var(--two-line-metric-layer-offset);z-index:0;border-radius:var(--two-line-metric-layer-radius);background:var(--two-line-metric-card-bg);box-shadow:inset 0 0 0 1px var(--two-line-metric-card-border);pointer-events:none}.two-line-metric-card>*{position:relative;z-index:1}.two-line-metric-card:nth-child(4n+2){--two-line-metric-accent-color: #f97316;--two-line-metric-card-bg: #fff7ed;--two-line-metric-card-border: rgb(249 115 22 / 12%)}.two-line-metric-card:nth-child(4n+3){--two-line-metric-accent-color: #eab308;--two-line-metric-card-bg: #fefce8;--two-line-metric-card-border: rgb(234 179 8 / 16%)}.two-line-metric-card:nth-child(4n){--two-line-metric-accent-color: #0284c7;--two-line-metric-card-bg: #eff8ff;--two-line-metric-card-border: rgb(14 165 233 / 14%)}.two-line-metric-head{display:flex;gap:var(--space-2)}.two-line-metric-label{color:#64748b;font-size:13px;letter-spacing:0;line-height:1.5;text-transform:none}.two-line-metric-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);min-width:0}.two-line-metric-value{min-width:0;overflow:hidden;color:var(--two-line-metric-value-color, #0f172a);font-size:30px;font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap}.two-line-metric-unit{margin-left:4px;color:#64748b;font-size:.45em;font-weight:600;line-height:1}.two-line-metric-card.tone-green{--two-line-metric-value-color: #15803d}.two-line-metric-card.tone-orange{--two-line-metric-value-color: #c2410c}.two-line-metric-card.tone-blue{--two-line-metric-value-color: #1d4ed8}.two-line-metric-meta{min-width:0;overflow:hidden;color:#94a3b8;font-size:12px;line-height:1.4;text-align:right;text-overflow:ellipsis;white-space:nowrap}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:#333;background-color:#f5f7fa}#root{height:100%;display:flex;flex-direction:column}a{color:#165dff;text-decoration:none;transition:color .3s ease}a:hover{color:#0040d0;text-decoration:none}table{border-collapse:collapse;width:100%}th,td{padding:8px;text-align:left}input,select,textarea{font-family:inherit;font-size:inherit}select{min-height:var(--form-select-height)}button{font-family:inherit;font-size:inherit}.component-title{margin:0;font-size:16px;font-weight:600;color:#333;line-height:1.2}.component-header{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;min-height:48px;background-color:#fafafa}.card-title{composes:component-title;color:#fff}.page-title{margin:0 0 4px;font-size:18px;font-weight:700;color:#333}.page-description{margin:0;font-size:14px;color:#666;line-height:1.5}.page-title-section{display:flex;margin:var(--space-2-5) var(--page-edge-gap) var(--section-gap);border-radius:8px;background-color:#f5f7fa;padding:var(--space-2) var(--space-3);width:100%;max-width:none}.page-title-left{flex:3;padding-right:var(--space-5);display:flex;align-items:center}.page-title-right{display:flex;align-items:center;justify-content:flex-end}.temp-page .page-title-section{display:flex;margin:var(--space-2-5) var(--page-edge-gap) var(--section-gap);border-radius:8px;background-color:#f5f7fa;padding:var(--space-2) var(--space-3)}.temp-page .page-title-left{flex:3;padding-right:20px;display:flex;align-items:center}.temp-page .page-title-right{flex:1;display:flex;align-items:center;justify-content:flex-end}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0}}.page-title-container{display:flex;flex-direction:column;justify-content:flex-start;background-color:transparent}.route-skeleton{display:flex;flex-direction:column;gap:var(--component-gap);min-height:260px;padding:var(--space-4) var(--page-edge-gap);color:#64748b}.route-skeleton__header,.route-skeleton__grid{display:grid;gap:var(--component-gap)}.route-skeleton__header{grid-template-columns:minmax(180px,320px) minmax(96px,140px);justify-content:space-between;align-items:center}.route-skeleton__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-skeleton__title,.route-skeleton__action,.route-skeleton__block{display:block;min-width:0;border-radius:6px;background:linear-gradient(90deg,#e9eef5 25%,#f6f8fb 37%,#e9eef5 63%);background-size:400% 100%;animation:route-skeleton-loading 1.4s ease infinite}.route-skeleton__title{height:28px}.route-skeleton__action{height:32px}.route-skeleton__block{height:96px}.route-skeleton__block--wide{grid-column:1 / -1;height:136px}.route-skeleton__label{font-size:13px}@keyframes route-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@media(max-width:720px){.route-skeleton__header,.route-skeleton__grid{grid-template-columns:1fr}.route-skeleton__action{width:140px}}.menu{padding:0;background-color:#021a2d;flex:1;display:flex;flex-direction:column}.menu-section{margin-bottom:16px}.menu-items{list-style:none;padding:0;margin:0;flex:1}.menu-item{position:relative;margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.15)}.menu-item-content{display:flex;justify-content:space-between;align-items:center;background-color:#021a2d;position:relative}.menu-link{flex:1;display:flex;align-items:center;padding:12px 20px;color:#fff;text-decoration:none;font-size:16px;font-weight:600;background-color:transparent;transition:background-color .2s ease,color .2s ease}.menu-link .menu-icon{flex-shrink:0}.menu-link:hover{background-color:transparent;color:#fff}.menu-item.active>.menu-link{background-color:#1777c9;color:#fff}.menu-item.active>.menu-item-content{background-color:#1777c9}.menu-item.is-expanded>.menu-item-content{background-color:#0f3550}.menu-item.active.is-expanded>.menu-item-content{background-color:#1777c9}.menu-item:hover>.menu-link,.menu-item:hover>.menu-item-content{background-color:#0a2a46}.menu-item.active:hover>.menu-item-content,.menu-item.active:hover>.menu-link{background-color:#1777c9}.menu-icon{margin-right:10px;font-size:20px;width:28px;height:28px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.menu-icon svg{width:20px;height:20px;vertical-align:middle;display:block}.menu-icon-img{width:20px;height:20px;vertical-align:middle;display:block;object-fit:contain}.menu-item.active>.menu-item-content .menu-icon svg,.menu-item.active>.menu-item-content .menu-icon-img,.menu-item.active>.menu-link .menu-icon svg,.menu-item.active>.menu-link .menu-icon-img,.menu-item.is-selected>.menu-item-content .menu-icon svg,.menu-item.is-selected>.menu-item-content .menu-icon-img{width:18px;height:18px}.menu-item>.menu-link .menu-icon-img,.menu-item>.menu-item-content .menu-link .menu-icon-img{filter:brightness(0) invert(1)}.menu-item>.menu-link .menu-icon svg,.menu-item>.menu-item-content .menu-link .menu-icon svg{filter:brightness(0) invert(1)}.submenu .menu-icon-img,.submenu .menu-icon svg{width:16px;height:16px;filter:none}.expand-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:inherit;border:none;cursor:pointer;color:#fff;transition:transform .3s;border-radius:2px}.expand-btn:hover{background-color:inherit;color:#fff}.expand-btn.expanded{transform:rotate(180deg);color:#fff}.menu-tooltip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#0b1e33;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 8px 18px #0f172a33;transition:opacity .2s ease,transform .2s ease}.sidebar.collapsed .menu-item:hover .menu-tooltip{opacity:1;transform:translateY(-50%) translate(2px)}.submenu{list-style:none;padding:0;margin:0;background-color:#fff;border-left:none;overflow:hidden;transition:max-height .3s ease,background-color .12s ease;max-height:0}.submenu.expanded{max-height:1000px}.submenu-item{margin:0;position:relative}.submenu-item .menu-link{padding:6px 20px 6px 44px;background-color:#fff;color:#1a1a1a;font-size:14px;font-weight:600;border-top:1px solid rgba(0,0,0,.06);position:relative}.submenu-item.has-submenu:hover .menu-link,.submenu-item .menu-link:hover,.submenu-item.active .menu-link{background-color:#f1f7ff;color:#1a1a1a}.submenu-item.active .menu-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#1777c9}.menu-item.is-collapsing>.menu-item-content,.submenu.is-collapsing{background-color:#021a2d}.submenu.is-collapsing .submenu-item .menu-link,.submenu.is-collapsing .submenu-item .menu-link:hover,.submenu.is-collapsing .submenu-item.active .menu-link{background-color:#021a2d;border-top-color:#ffffff14;color:transparent}.submenu.is-collapsing .menu-icon,.submenu.is-collapsing .menu-label,.submenu.is-collapsing .submenu-item.active .menu-link:before{opacity:0;transition:opacity .12s ease}.third-level-menu{list-style:none;padding:0;margin:0;background-color:#021a2d;border-left:none}.third-level-menu-item{margin:0;position:relative}.third-level-menu-item .menu-link{padding:8px 20px 8px 60px;background-color:#021a2d;border-bottom:none;color:#fff;transition:background-color .2s ease,color .2s ease}.third-level-menu-item .menu-link:hover{background-color:#0a2a46;color:#fff}.third-level-menu-item.active .menu-link{background-color:#1777c9;color:#fff;font-weight:500}.menu-floating-panel{position:fixed;min-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 16px 32px #0f172a33;padding:10px;z-index:999;overflow-y:auto}.menu-floating-title{font-size:12px;font-weight:600;color:#1f2937;margin-bottom:8px}.menu-floating-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.menu-floating-item .menu-floating-link{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;text-decoration:none;color:#374151;font-size:12px}.menu-floating-item .menu-floating-link:hover{background:#f1f5f9;color:#111827}.sidebar.collapsed .menu-link{justify-content:center;padding:12px 0;width:100%}.sidebar.collapsed .menu-link span:not(.menu-icon){display:none}.sidebar.collapsed .menu-icon{margin-right:0}.sidebar.collapsed .menu-item-content{justify-content:center;padding:0}.sidebar.collapsed .expand-btn{display:none}