:root{--canvas:#f4f6f8;--brand-name:#192144;--brand-sub:#8a8f99;--side-line:#e2e6f0;--shell-fg:#343741;--shell-dim:#8a8f99;--hdr-hover-bg:#0000000d;--side-foot-fg:#b0b6c0;--scroll-thumb:#0000002e;--card-bg:#fff;--card-border:#e2e6f0;--field-bg:#fff;--fg-strong:#192144;--fg-body:#343741;--sub-fg:#5a5e66}html[data-theme=dark]{--canvas:#071927;--brand-name:#fff;--brand-sub:#ffffff73;--side-line:#ffffff0f;--shell-fg:#ffffffd9;--shell-dim:#ffffff73;--hdr-hover-bg:#ffffff14;--side-foot-fg:#ffffff4d;--scroll-thumb:#ffffff26;--card-bg:#0f1e2b;--card-border:#233748;--field-bg:#0c1926;--fg-strong:#e6edf5;--fg-body:#c6d0dc;--sub-fg:#8a97a8}body{background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif}.page-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-actions,.page-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-sider{border-right:1px solid var(--side-line)}.app-sider .ant-layout-sider-children{flex-direction:column;display:flex}.sider-brand{border-bottom:1px solid var(--side-line);flex-shrink:0;align-items:center;gap:10px;height:60px;padding:0 20px;display:flex}.sider-brand-name{color:var(--brand-name);font-size:15px;font-weight:600;line-height:1.2}.sider-brand-sub{color:var(--brand-sub);font-size:11px}.app-sider .ant-menu{padding-top:8px;border-inline-end:none!important}.sider-foot{color:var(--side-foot-fg);border-top:1px solid var(--side-line);margin-top:auto;padding:14px 20px;font-size:12px}.app-header{border-bottom:1px solid var(--side-line);justify-content:space-between;align-items:center;gap:16px;line-height:1.5;display:flex;padding:0 24px!important}.hdr-page{align-items:baseline;gap:10px;min-width:0;display:flex}.hdr-page-title{color:var(--shell-fg);white-space:nowrap;font-size:18px;font-weight:600}.hdr-page-sub{color:var(--shell-dim);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.hdr-btn{color:var(--shell-fg)!important}.hdr-btn:hover{background:var(--hdr-hover-bg)!important}.hdr-user{color:var(--shell-fg);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;display:flex}.hdr-user:hover{background:var(--hdr-hover-bg)}.hdr-user small{color:var(--shell-dim)}.app-content{padding:24px 24px 32px}.card-table{border:1px solid var(--card-border);background:var(--card-bg);border-radius:16px;overflow:hidden}.kpi-row{align-items:center;gap:14px;display:flex}.kpi-icon{color:#00b173;background:#00b1731f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.kpi-icon.is-blue{color:#3d7ff9;background:#3d7ff91f}.kpi-icon.is-orange{color:#f39745;background:#f3974524}.kpi-icon.is-purple{color:#5d4eff;background:#5d4eff1f}.login-wrap{grid-template-columns:minmax(340px,38%) 1fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:#071927;flex-direction:column;justify-content:center;padding:64px;display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";background-image:radial-gradient(#ffffff17 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.login-brand>*{position:relative}.login-brand-title{margin:24px 0 12px;font-size:30px;font-weight:700;line-height:1.3}.login-brand-slogan{color:#ffffff8c;margin:0;font-size:15px;line-height:1.7}.login-form-side{background:var(--card-bg);justify-content:center;align-items:center;padding:32px;display:flex;position:relative}.login-lang-btn{position:absolute;top:20px;right:24px;color:var(--page-sub)!important}.login-form-box{width:360px}.login-form-title{color:var(--fg-strong);margin:0 0 6px;font-size:26px;font-weight:700}.login-form-sub{color:var(--sub-fg);margin-bottom:28px}.login-submit{box-shadow:0 6px 16px #00b17359;background:linear-gradient(90deg,#00b173,#00c48c)!important;border:none!important;height:44px!important;font-size:15px!important}.login-form-box .ant-input-affix-wrapper{height:44px}.login-form-box .ant-input-affix-wrapper .ant-input{background:0 0;height:auto}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--field-bg) inset;-webkit-text-fill-color:var(--fg-body);caret-color:var(--fg-body);transition:background-color 99999s ease-out}input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--field-bg) inset;-webkit-text-fill-color:var(--fg-body);caret-color:var(--fg-body);transition:background-color 99999s ease-out}input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--field-bg) inset;-webkit-text-fill-color:var(--fg-body);caret-color:var(--fg-body);transition:background-color 99999s ease-out}input:-webkit-autofill-strong-password{-webkit-box-shadow:0 0 0 1000px var(--field-bg) inset;-webkit-text-fill-color:var(--fg-body);caret-color:var(--fg-body);transition:background-color 99999s ease-out}input:-webkit-autofill-strong-password:hover{-webkit-box-shadow:0 0 0 1000px var(--field-bg) inset;-webkit-text-fill-color:var(--fg-body);caret-color:var(--fg-body);transition:background-color 99999s ease-out}input:-webkit-autofill-strong-password:focus{-webkit-box-shadow:0 0 0 1000px var(--field-bg) inset;-webkit-text-fill-color:var(--fg-body);caret-color:var(--fg-body);transition:background-color 99999s ease-out}@media (width<=760px){.login-wrap{grid-template-columns:1fr}.login-brand{display:none}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:8px}::-webkit-scrollbar-track{background:0 0}