:root{--vce-primary: #165DFF;--vce-primary-500: #4080FF;--vce-primary-700: #0E42D2;--vce-green: #00B42A;--vce-orange: #FF7D00;--vce-red: #F53F3F;--vce-cyan: #14C9C9;--vce-violet: #722ED1;--vce-bg: #F7F8FA;--vce-bg-elevated: #FFFFFF;--vce-surface: #FFFFFF;--vce-surface-2: #F2F3F5;--vce-surface-3: #E5E6EB;--vce-text: #1D2129;--vce-text-secondary: #4E5969;--vce-text-muted: #86909C;--vce-text-disabled: #C9CDD4;--vce-border: #E5E6EB;--vce-border-light: #F2F3F5;--vce-font-display: "Outfit", "Plus Jakarta Sans", system-ui, sans-serif;--vce-font-body: "Plus Jakarta Sans", "Noto Sans SC", system-ui, sans-serif;--vce-font-mono: "JetBrains Mono", Consolas, monospace;--vce-radius-sm: 4px;--vce-radius: 8px;--vce-radius-lg: 12px;--vce-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--vce-shadow: 0 2px 8px rgba(0, 0, 0, .06);--vce-shadow-lg: 0 6px 24px rgba(0, 0, 0, .08)}*{box-sizing:border-box}body{margin:0;font-family:var(--vce-font-body);background:var(--vce-bg);color:var(--vce-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:radial-gradient(circle,rgba(22,93,255,.03) 1px,transparent 1px);background-size:24px 24px;opacity:.5}#root{min-height:100vh}.vce-layout{display:flex;min-height:100vh}.vce-sidebar{width:220px;background:var(--vce-surface);border-right:1px solid var(--vce-border);display:flex;flex-direction:column;transition:width .2s ease;flex-shrink:0;position:sticky;top:0;height:100vh;overflow:hidden}.vce-sidebar.collapsed{width:64px}.vce-brand{display:flex;align-items:center;gap:12px;padding:20px 16px;border-bottom:1px solid var(--vce-border-light)}.vce-brand-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--vce-primary) 0%,var(--vce-primary-700) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.1rem;font-family:var(--vce-font-display);box-shadow:0 4px 12px #165dff40;flex-shrink:0}.vce-brand-text{font-weight:700;font-size:15px;color:var(--vce-text);white-space:nowrap}.vce-brand-tag{font-size:10px;color:var(--vce-text-muted);letter-spacing:.5px}.vce-menu{flex:1;padding:12px 8px;overflow-y:auto}.vce-menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--vce-radius);color:var(--vce-text-secondary);font-size:14px;cursor:pointer;transition:all .15s ease;text-decoration:none;margin-bottom:4px}.vce-menu-item:hover{background:var(--vce-surface-2);color:var(--vce-text)}.vce-menu-item.active{background:linear-gradient(135deg,#165dff1a,#165dff0d);color:var(--vce-primary);font-weight:500}.vce-menu-item .anticon{font-size:18px;width:20px;text-align:center}.vce-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:100vh}.vce-topbar{height:56px;background:var(--vce-surface);border-bottom:1px solid var(--vce-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10;flex-shrink:0}.vce-topbar-left{display:flex;align-items:center;gap:16px}.vce-collapse-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--vce-radius-sm);cursor:pointer;color:var(--vce-text-muted);transition:all .15s}.vce-collapse-btn:hover{background:var(--vce-surface-2);color:var(--vce-text)}.vce-breadcrumb{font-size:13px;color:var(--vce-text-muted)}.vce-topbar-right{display:flex;align-items:center;gap:16px}.vce-user-info{display:flex;align-items:center;gap:8px}.vce-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--vce-primary),var(--vce-primary-700));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.vce-user-name{font-size:13px;font-weight:500}.vce-page{flex:1;padding:24px;overflow:auto}.vce-footer{height:48px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--vce-text-muted);border-top:1px solid var(--vce-border-light);background:var(--vce-surface);flex-shrink:0;letter-spacing:.3px}.vce-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.vce-page-title{font-size:22px;font-weight:700;color:var(--vce-text);margin:0;font-family:var(--vce-font-display)}.vce-page-subtitle{color:var(--vce-text-muted);font-size:14px;margin-top:4px}.vce-card{background:var(--vce-surface);border:1px solid var(--vce-border);border-radius:var(--vce-radius-lg);box-shadow:var(--vce-shadow-sm)}.vce-card-body{padding:20px}.vce-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.vce-kpi{background:var(--vce-surface);border:1px solid var(--vce-border);border-radius:var(--vce-radius-lg);padding:20px;position:relative;overflow:hidden;transition:all .2s}.vce-kpi:hover{box-shadow:var(--vce-shadow)}.vce-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--vce-primary),var(--vce-primary-500))}.vce-kpi.green:before{background:linear-gradient(90deg,var(--vce-green),#009A29)}.vce-kpi.cyan:before{background:linear-gradient(90deg,var(--vce-cyan),#0E9AA6)}.vce-kpi.orange:before{background:linear-gradient(90deg,var(--vce-orange),#D25F00)}.vce-kpi.violet:before{background:linear-gradient(90deg,var(--vce-violet),#5F20B5)}.vce-kpi-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#165dff1a,#165dff0d);color:var(--vce-primary);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}.vce-kpi.green .vce-kpi-icon{background:linear-gradient(135deg,#00b42a1a,#00b42a0d);color:var(--vce-green)}.vce-kpi.cyan .vce-kpi-icon{background:linear-gradient(135deg,#14c9c91a,#14c9c90d);color:var(--vce-cyan)}.vce-kpi.orange .vce-kpi-icon{background:linear-gradient(135deg,#ff7d001a,#ff7d000d);color:var(--vce-orange)}.vce-kpi.violet .vce-kpi-icon{background:linear-gradient(135deg,#722ed11a,#722ed10d);color:var(--vce-violet)}.vce-kpi-label{color:var(--vce-text-muted);font-size:13px;margin-bottom:8px}.vce-kpi-value{font-size:28px;font-weight:700;color:var(--vce-text);font-family:var(--vce-font-display);line-height:1.2}.vce-kpi-delta{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:12px;color:var(--vce-text-muted)}.vce-kpi-delta.up{color:var(--vce-green)}.vce-kpi-delta.down{color:var(--vce-red)}.vce-filter-bar{background:var(--vce-surface);border:1px solid var(--vce-border);border-radius:var(--vce-radius);padding:16px 20px;margin-bottom:16px}.vce-quick-links{display:flex;flex-wrap:wrap;gap:12px}.vce-quick-link{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--vce-surface-2);border:1px solid var(--vce-border);border-radius:var(--vce-radius);color:var(--vce-text-secondary);text-decoration:none;font-size:14px;transition:all .15s;cursor:pointer}.vce-quick-link:hover{background:linear-gradient(135deg,#165dff1a,#165dff0d);color:var(--vce-primary);border-color:var(--vce-primary)}.vce-login-wrap{min-height:100vh;display:flex;background:linear-gradient(135deg,#f2f7ff,#fff,#f0f7ff);position:relative;overflow:hidden}.vce-login-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(22,93,255,.08) 0%,transparent 35%),radial-gradient(circle at 80% 70%,rgba(22,93,255,.05) 0%,transparent 35%);pointer-events:none}.vce-login-left,.vce-login-right{position:relative;z-index:2}.vce-login-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;color:var(--vce-text)}.vce-login-brand-lg{display:flex;align-items:center;justify-content:center;width:88px;height:88px;margin-bottom:32px}.vce-login-title-lg{font-size:2.4rem;font-weight:700;margin-bottom:16px;letter-spacing:.5px;color:var(--vce-text)}.vce-login-desc{font-size:1rem;color:var(--vce-text-secondary);max-width:420px;text-align:center;line-height:1.8}.vce-login-right{width:100%;max-width:480px;background:#fffffffa;display:flex;flex-direction:column;justify-content:center;padding:50px;box-shadow:-24px 0 80px #0c0d0e0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid var(--vce-border)}.vce-login-title{font-size:1.6rem;font-weight:600;margin-bottom:8px;color:var(--vce-text)}.vce-login-subtitle{font-size:.9rem;color:var(--vce-text-muted);margin-bottom:32px}.vce-login-form{width:100%}.vce-login-form .ant-input,.vce-login-form .ant-input-affix-wrapper,.vce-login-form .ant-input-password{border-radius:var(--vce-radius)!important;padding:11px 14px!important;min-height:44px!important;font-size:15px!important}.vce-login-form .ant-input-affix-wrapper .ant-input{min-height:auto!important;padding:0!important}.vce-login-form .ant-input-affix-wrapper-focused,.vce-login-form .ant-input:focus{border-color:var(--vce-primary)!important;box-shadow:0 0 0 3px #165dff14!important}.vce-login-captcha{display:flex;gap:12px;align-items:stretch}.vce-login-captcha .ant-input-affix-wrapper{flex:1}.vce-login-captcha img{width:132px;height:44px;cursor:pointer;border-radius:var(--vce-radius);border:1px solid var(--vce-border);flex-shrink:0;object-fit:contain;background:var(--vce-surface-2)}.vce-login-options{display:flex;align-items:center;justify-content:space-between;width:100%}.vce-login-options .ant-checkbox-wrapper{color:var(--vce-text-secondary)}.vce-btn-reset{background:none;border:none;padding:0;cursor:pointer;font-size:.85rem}.vce-btn-reset:hover{text-decoration:underline}.vce-login-btn{width:100%;justify-content:center;padding:12px!important;font-size:1rem!important;font-weight:600!important;border-radius:var(--vce-radius)!important;height:auto!important}.vce-login-footer{text-align:center;margin-top:32px;font-size:.85rem;color:var(--vce-text-muted)}@media(max-width:1200px){.vce-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.vce-login-wrap{flex-direction:column}.vce-login-left{padding:40px 24px;min-height:auto}.vce-login-brand-lg{width:64px;height:64px;margin-bottom:20px}.vce-login-title-lg{font-size:1.6rem}.vce-login-right{max-width:none;padding:32px 24px;border-left:none;border-top:1px solid var(--vce-border);box-shadow:none}.vce-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1000;transform:translate(-100%)}.vce-sidebar.mobile-open{transform:translate(0)}.vce-kpi-grid{grid-template-columns:1fr}.vce-page{padding:16px}}.umbrella-logo-root{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.umbrella-logo-root.spinning{animation:umbrella-spin 2s linear infinite}@keyframes umbrella-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*:not(:is(.ant-select-dropdown,.ant-picker-dropdown,.ant-cascader-menu,.ant-dropdown,.ant-dropdown-menu,.ant-modal,.ant-modal-wrap,.ant-modal-mask,.ant-drawer,.ant-drawer-content-wrapper,.ant-popover,.ant-tooltip,.ant-popconfirm)),*:not(:is(.ant-select-dropdown,.ant-picker-dropdown,.ant-cascader-menu,.ant-dropdown,.ant-dropdown-menu,.ant-modal,.ant-modal-wrap,.ant-modal-mask,.ant-drawer,.ant-drawer-content-wrapper,.ant-popover,.ant-tooltip,.ant-popconfirm)):before,*:not(:is(.ant-select-dropdown,.ant-picker-dropdown,.ant-cascader-menu,.ant-dropdown,.ant-dropdown-menu,.ant-modal,.ant-modal-wrap,.ant-modal-mask,.ant-drawer,.ant-drawer-content-wrapper,.ant-popover,.ant-tooltip,.ant-popconfirm)):after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-reduced-motion:reduce){.umbrella-logo-root.spinning{animation-duration:2s!important;animation-iteration-count:infinite!important}}