.menu-list{list-style:none;padding:0;margin:0}.menu-item{position:relative}.menu-link{display:flex;align-items:center;padding:12px 16px;color:var(--text-color, #333);text-decoration:none;transition:all .2s ease;border-radius:4px;margin-bottom:4px}.menu-link:hover{background-color:var(--hover-bg, #f5f5f5)}.menu-link.active{background-color:var(--active-bg, #e6f7ff);color:var(--primary-color, #1890ff);font-weight:500}.menu-link i{margin-right:8px;font-size:16px}.menu-text{flex:1;display:flex;flex-direction:column}.menu-label{font-size:14px;line-height:1.4}.menu-subtitle{font-size:12px;opacity:.65;margin-top:2px}.submenu{position:relative}.submenu-header{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-radius:4px;margin-bottom:4px;user-select:none}.submenu-header:hover{background-color:var(--hover-bg, #f5f5f5)}.submenu-title{flex:1;display:flex;align-items:center}.submenu-title i{margin-right:8px;font-size:16px}.submenu-arrow{margin-left:auto;transition:transform .2s ease;font-size:12px;opacity:.6}.submenu.open .submenu-arrow{transform:rotate(90deg)}.submenu-list{list-style:none;padding-left:20px;margin:0;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .2s ease}.submenu.open .submenu-list{max-height:1000px;opacity:1}.menu-item.level-1 .menu-link,.menu-item.level-1 .submenu-header{padding-left:16px}.menu-item.level-2 .menu-link,.menu-item.level-2 .submenu-header{padding-left:32px}.menu-item.level-3 .menu-link,.menu-item.level-3 .submenu-header{padding-left:48px}.menu-empty,.menu-loading{padding:20px;text-align:center;color:var(--text-secondary, #999);font-size:14px}.main-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background:#f5f7fa}.sidebar{width:260px;background:linear-gradient(180deg,#1e3a5f,#2c4f7c,#1e3a5f);color:#fff;display:flex;flex-direction:column;box-shadow:4px 0 20px #00000026;position:relative;z-index:100}.sidebar-header{height:70px;display:flex;align-items:center;justify-content:center;padding:0 20px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000001a}.sidebar-header h2{margin:0;font-size:20px;font-weight:600;letter-spacing:1px;background:linear-gradient(135deg,#fff,#a8d5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.2)}.sidebar-nav{flex:1;overflow-y:auto;padding:16px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#fff6}.menu-list{list-style:none;margin:0;padding:0 12px}.menu-item{margin:0 0 8px;padding:0}.menu-link,.submenu-header{display:flex;align-items:center;padding:14px 16px;color:#ffffffd9;text-decoration:none;background:transparent;border-radius:8px;border-left:3px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-size:15px;font-weight:500}.menu-link:before,.submenu-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.menu-link:hover:before,.submenu-header:hover:before{left:100%}.menu-link:hover,.submenu-header:hover{background:#ffffff1f;color:#fff;transform:translate(4px);border-left-color:#61dafb;box-shadow:0 4px 12px #00000026}.menu-link.active{background:linear-gradient(135deg,#61dafb33,#61dafb0d);color:#fff;border-left-color:#61dafb;box-shadow:0 4px 16px #61dafb40,inset 0 1px #ffffff1a;font-weight:600}.menu-link i,.submenu-header i{width:24px;min-width:24px;margin-right:12px;font-size:18px;text-align:center;flex-shrink:0;opacity:.9;transition:all .3s}.menu-link:hover i,.submenu-header:hover i,.menu-link.active i{opacity:1;transform:scale(1.1);color:#61dafb}.menu-text{flex:1;display:flex;flex-direction:column;gap:4px;overflow:hidden}.menu-label{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-subtitle{font-size:12px;font-weight:400;color:#ffffffa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.menu-link.active .menu-subtitle{color:#61dafbe6}.menu-link:hover .menu-subtitle,.submenu-header:hover .menu-subtitle{color:#ffffffd9}.menu-loading,.menu-empty{padding:32px 20px;text-align:center;color:#ffffff80;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}.menu-loading:before{content:"";width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff9;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.main-content{flex:1;overflow:auto;background:#f5f7fa;position:relative;box-shadow:inset 0 4px 8px #00000008}@media (max-width: 768px){.sidebar{width:220px}.sidebar-header h2{font-size:18px}.menu-link{padding:12px 14px;font-size:14px}}.custom-menu-tooltip{position:fixed;background:#000000d9;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;line-height:1.4;z-index:9999;max-width:250px;word-wrap:break-word;box-shadow:0 4px 12px #0000004d;pointer-events:none;animation:fadeIn .2s ease-in-out;border:1px solid rgba(255,255,255,.1)}.tooltip-title{font-weight:500}.tooltip-subtitle{font-size:11px;color:#ffffffb3;margin-top:2px}@keyframes fadeIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{width:100%;max-width:420px;padding:40px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:28px;font-weight:700;color:#1d1d1f;margin:0 0 8px}.login-header p{font-size:14px;color:#86868b;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#1d1d1f}.form-group input{padding:12px 16px;font-size:15px;border:1px solid #d2d2d7;border-radius:8px;outline:none;transition:all .2s ease;background:#f7f8fa}.form-group input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.login-button{padding:14px 24px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;outline:none;transition:all .2s ease;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{margin-top:24px;text-align:center}.login-footer .hint{font-size:13px;color:#86868b;margin:0}.login-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.login-loading p{margin:20px 0 0;color:#667eea;font-size:15px;font-weight:500}.spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background:#f5f7fa}.skeleton-sidebar{width:260px;background:linear-gradient(180deg,#1e3a5f,#2c4f7c,#1e3a5f);display:flex;flex-direction:column}.skeleton-sidebar-header{height:70px;display:flex;align-items:center;justify-content:center;padding:0 20px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.skeleton-title{width:140px;height:24px;background:linear-gradient(90deg,#ffffff26 25%,#ffffff40,#ffffff26 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:8px}.skeleton-menu-item{display:flex;align-items:center;padding:14px 16px;border-radius:8px;background:#ffffff0d}.skeleton-icon{width:24px;height:24px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin-right:12px}.skeleton-text{flex:1;height:16px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-main{flex:1;padding:24px;display:flex;flex-direction:column;gap:24px;position:relative}.skeleton-cards{display:flex;gap:20px}.skeleton-card{flex:1;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.skeleton-card-title{width:60%;height:20px;background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5,#e8e8e8 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin-bottom:16px}.skeleton-card-content{width:40%;height:32px;background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5,#e8e8e8 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-content-area{flex:1;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.skeleton-content-header{width:200px;height:24px;background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5,#e8e8e8 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin-bottom:24px}.skeleton-content-body{display:flex;flex-direction:column;gap:16px}.skeleton-row{width:100%;height:48px;background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5,#e8e8e8 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:8px}.skeleton-row:nth-child(2){width:90%}.skeleton-row:nth-child(3){width:95%}.skeleton-row:nth-child(4){width:85%}.skeleton-overlay{position:absolute;inset:0;background:#fff9;display:flex;align-items:center;justify-content:center;border-radius:12px}.skeleton-error-box{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 48px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026}.skeleton-error-text{font-size:15px;color:#e53935;font-weight:500}.skeleton-retry-btn{padding:10px 28px;font-size:14px;font-weight:500;color:#fff;background:#667eea;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.skeleton-retry-btn:hover{background:#5a6fd6;transform:translateY(-1px)}.sso-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffffffd9;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999}.sso-overlay-error{background:#fffffff2}.sso-overlay-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 48px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001a}.sso-overlay-content span{font-size:15px;color:#666;font-weight:500}.sso-spinner{width:36px;height:36px;border:3px solid #e0e0e0;border-top:3px solid #667eea;border-radius:50%;animation:sso-spin .8s linear infinite}@keyframes sso-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sso-error-text{color:#e53935!important}.sso-retry-btn{padding:8px 24px;font-size:14px;font-weight:500;color:#fff;background:#667eea;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.sso-retry-btn:hover{background:#5a6fd6;transform:translateY(-1px)}:root{--primary: #1a3c6e;--link-color: #1a3c6e;--Button-primary-bg: #1a3c6e;--Button-primary-border: #1a3c6e;--Button-primary-onHover-bg: #254e8a;--Button-primary-onHover-border: #254e8a;--Layout-aside-bg: #fff}body{margin:0;padding:0;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.stats-cards-grid{display:flex!important;flex-wrap:wrap!important;gap:16px!important;padding:20px;background:#f8f9fa;border-radius:8px;margin-bottom:16px}.stats-cards-grid.border-red{border:2px solid #dc3545;background:#fff5f5}.stats-cards-grid.border-blue{border:2px solid #007bff;background:#f0f8ff}.stats-cards-grid.border-orange{border:2px solid #fd7e14}.stats-cards-grid.border-green{border:2px solid #28a745}.stats-cards-grid>div[class*=Container]{display:contents!important}.stat-card{padding:20px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;text-align:center;transition:all .2s ease;min-height:100px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 1px 3px #0000000d}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-label{font-size:13px;color:#666;margin-bottom:8px;line-height:1.4}.stat-value{font-size:24px;font-weight:700;color:#007bff;line-height:1.2}.stat-unit{font-size:14px;font-weight:400;margin-left:4px}.stat-sublabel{font-size:12px;color:#999;margin-top:4px}.stat-trend{font-size:13px;font-weight:500;margin-top:6px;display:inline-block}.stat-trend.trend-up{color:#dc3545}.stat-trend.trend-down{color:#28a745}.stat-trend.trend-red{color:#dc3545}.stat-trend.trend-green{color:#28a745}.service-cards-container .cxd-Grid{row-gap:20px!important}.service-cards-container .cxd-Grid-col{margin-bottom:0!important}.service-card-item{transition:all .2s ease;min-height:calc(50vh - 120px);display:flex;flex-direction:column}.service-card-item:hover{box-shadow:0 8px 24px #1890ff33!important;transform:translateY(-4px)}.service-card-item .cxd-Card-body,.service-card-item .cxd-Card-field{padding:0!important}.service-card-item .cxd-Card-heading{display:none!important}.service-card-item .cxd-Container-body{padding-bottom:0!important;display:flex!important;flex-direction:column!important;flex:1!important}.service-card-button-container{margin-top:auto!important}.service-card-item .cxd-Card-actions{padding:0!important;background:transparent;margin-top:auto}.service-card-item .cxd-Card-actions .cxd-Button--primary{background:#fff!important;border:none!important;border-top:1px solid #e8f4ff!important;border-radius:0 0 12px 12px!important;font-size:13px!important;padding:12px 20px!important;box-shadow:none;transition:all .2s ease;color:#1890ff!important;width:100%;margin:0!important}.service-card-item .cxd-Card-actions .cxd-Button--primary:hover{background:linear-gradient(135deg,#e6f7ff,#f0faff)!important;color:#1890ff!important}