: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:#fff;--vce-surface:#fff;--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 #0000000a;--vce-shadow:0 2px 8px #0000000f;--vce-shadow-lg:0 6px 24px #00000014}*{box-sizing:border-box}body{font-family:var(--vce-font-body);background:var(--vce-bg);color:var(--vce-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body:before{content:"";pointer-events:none;z-index:9999;opacity:.5;background:radial-gradient(circle,#165dff08 1px,#0000 1px) 0 0/24px 24px;position:fixed;inset:0}#root{min-height:100vh}.vce-layout{min-height:100vh;display:flex}.vce-sidebar{background:var(--vce-surface);border-right:1px solid var(--vce-border);flex-direction:column;flex-shrink:0;width:220px;height:100vh;transition:width .2s;display:flex;position:sticky;top:0;overflow:hidden}.vce-sidebar.collapsed{width:64px}.vce-brand{border-bottom:1px solid var(--vce-border-light);align-items:center;gap:12px;padding:20px 16px;display:flex}.vce-brand-icon{background:linear-gradient(135deg, var(--vce-primary) 0%, var(--vce-primary-700) 100%);color:#fff;width:40px;height:40px;font-size:1.1rem;font-weight:800;font-family:var(--vce-font-display);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #165dff40}.vce-brand-text{color:var(--vce-text);white-space:nowrap;font-size:15px;font-weight:700}.vce-brand-tag{color:var(--vce-text-muted);letter-spacing:.5px;font-size:10px}.vce-menu{flex:1;padding:12px 8px;overflow-y:auto}.vce-menu-item{border-radius:var(--vce-radius);color:var(--vce-text-secondary);cursor:pointer;align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;font-size:14px;text-decoration:none;transition:all .15s;display:flex}.vce-menu-item:hover{background:var(--vce-surface-2);color:var(--vce-text)}.vce-menu-item.active{color:var(--vce-primary);background:linear-gradient(135deg,#165dff1a 0%,#165dff0d 100%);font-weight:500}.vce-menu-item .anticon{text-align:center;width:20px;font-size:18px}.vce-main{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.vce-topbar{background:var(--vce-surface);border-bottom:1px solid var(--vce-border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.vce-topbar-left{align-items:center;gap:16px;display:flex}.vce-collapse-btn{border-radius:var(--vce-radius-sm);cursor:pointer;width:32px;height:32px;color:var(--vce-text-muted);justify-content:center;align-items:center;transition:all .15s;display:flex}.vce-collapse-btn:hover{background:var(--vce-surface-2);color:var(--vce-text)}.vce-breadcrumb{color:var(--vce-text-muted);font-size:13px}.vce-topbar-right{align-items:center;gap:16px;display:flex}.vce-user-info{align-items:center;gap:8px;display:flex}.vce-user-avatar{background:linear-gradient(135deg, var(--vce-primary), var(--vce-primary-700));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.vce-user-name{font-size:13px;font-weight:500}.vce-page{flex:1;padding:24px;overflow:auto}.vce-footer{height:48px;color:var(--vce-text-muted);border-top:1px solid var(--vce-border-light);background:var(--vce-surface);letter-spacing:.3px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.vce-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.vce-page-title{color:var(--vce-text);font-size:22px;font-weight:700;font-family:var(--vce-font-display);margin:0}.vce-page-subtitle{color:var(--vce-text-muted);margin-top:4px;font-size:14px}.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{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.vce-kpi{background:var(--vce-surface);border:1px solid var(--vce-border);border-radius:var(--vce-radius-lg);padding:20px;transition:all .2s;position:relative;overflow:hidden}.vce-kpi:hover{box-shadow:var(--vce-shadow)}.vce-kpi:before{content:"";background:linear-gradient(90deg, var(--vce-primary), var(--vce-primary-500));height:3px;position:absolute;top:0;left:0;right:0}.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;color:var(--vce-primary);background:linear-gradient(135deg,#165dff1a,#165dff0d);border-radius:10px;justify-content:center;align-items:center;margin-bottom:12px;font-size:20px;display:flex}.vce-kpi.green .vce-kpi-icon{color:var(--vce-green);background:linear-gradient(135deg,#00b42a1a,#00b42a0d)}.vce-kpi.cyan .vce-kpi-icon{color:var(--vce-cyan);background:linear-gradient(135deg,#14c9c91a,#14c9c90d)}.vce-kpi.orange .vce-kpi-icon{color:var(--vce-orange);background:linear-gradient(135deg,#ff7d001a,#ff7d000d)}.vce-kpi.violet .vce-kpi-icon{color:var(--vce-violet);background:linear-gradient(135deg,#722ed11a,#722ed10d)}.vce-kpi-label{color:var(--vce-text-muted);margin-bottom:8px;font-size:13px}.vce-kpi-value{color:var(--vce-text);font-size:28px;font-weight:700;font-family:var(--vce-font-display);line-height:1.2}.vce-kpi-delta{color:var(--vce-text-muted);align-items:center;gap:4px;margin-top:8px;font-size:12px;display:flex}.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);margin-bottom:16px;padding:16px 20px}.vce-quick-links{flex-wrap:wrap;gap:12px;display:flex}.vce-quick-link{background:var(--vce-surface-2);border:1px solid var(--vce-border);border-radius:var(--vce-radius);color:var(--vce-text-secondary);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:14px;text-decoration:none;transition:all .15s;display:flex}.vce-quick-link:hover{color:var(--vce-primary);border-color:var(--vce-primary);background:linear-gradient(135deg,#165dff1a,#165dff0d)}.vce-login-wrap{background:linear-gradient(135deg,#f2f7ff 0%,#fff 50%,#f0f7ff 100%);min-height:100vh;display:flex;position:relative;overflow:hidden}.vce-login-wrap:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#165dff14 0%,#0000 35%),radial-gradient(circle at 80% 70%,#165dff0d 0%,#0000 35%);position:absolute;inset:0}.vce-login-left,.vce-login-right{z-index:2;position:relative}.vce-login-left{color:var(--vce-text);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.vce-login-brand-lg{justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:32px;display:flex}.vce-login-title-lg{letter-spacing:.5px;color:var(--vce-text);margin-bottom:16px;font-size:2.4rem;font-weight:700}.vce-login-desc{color:var(--vce-text-secondary);text-align:center;max-width:420px;font-size:1rem;line-height:1.8}.vce-login-right{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid var(--vce-border);background:#fffffffa;flex-direction:column;justify-content:center;width:100%;max-width:480px;padding:50px;display:flex;box-shadow:-24px 0 80px #0c0d0e0f}.vce-login-title{color:var(--vce-text);margin-bottom:8px;font-size:1.6rem;font-weight:600}.vce-login-subtitle{color:var(--vce-text-muted);margin-bottom:32px;font-size:.9rem}.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;min-height:44px!important;padding:11px 14px!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{align-items:stretch;gap:12px;display:flex}.vce-login-captcha .ant-input-affix-wrapper{flex:1}.vce-login-captcha img{cursor:pointer;border-radius:var(--vce-radius);border:1px solid var(--vce-border);object-fit:contain;background:var(--vce-surface-2);flex-shrink:0;width:132px;height:44px}.vce-login-options{justify-content:space-between;align-items:center;width:100%;display:flex}.vce-login-options .ant-checkbox-wrapper{color:var(--vce-text-secondary)}.vce-btn-reset{cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.vce-btn-reset:hover{text-decoration:underline}.vce-login-btn{justify-content:center;width:100%;border-radius:var(--vce-radius)!important;height:auto!important;padding:12px!important;font-size:1rem!important;font-weight:600!important}.vce-login-footer{text-align:center;color:var(--vce-text-muted);margin-top:32px;font-size:.85rem}@media (width<=1200px){.vce-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.vce-login-wrap{flex-direction:column}.vce-login-left{min-height:auto;padding:40px 24px}.vce-login-brand-lg{width:64px;height:64px;margin-bottom:20px}.vce-login-title-lg{font-size:1.6rem}.vce-login-right{border-left:none;border-top:1px solid var(--vce-border);max-width:none;box-shadow:none;padding:32px 24px}.vce-sidebar{z-index:1000;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.vce-sidebar.mobile-open{transform:translate(0)}.vce-kpi-grid{grid-template-columns:1fr}.vce-page{padding:16px}}.umbrella-logo-root{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.umbrella-logo-root.spinning{animation:2s linear infinite umbrella-spin}@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{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.umbrella-logo-root.spinning{animation-duration:2s!important;animation-iteration-count:infinite!important}}