:root{--hz-primary: #245cc7;--hz-primary-strong: #18489f;--hz-navy: #0c1930;--hz-surface: #ffffff;--hz-surface-soft: #f6f8fb;--hz-border: #e2e7ef;--hz-text: #172238;--hz-muted: #66738a;--hz-success: #1d9b68;--hz-warning: #d98b19;--hz-radius: 16px;color:var(--hz-text);background:#f2f4f8;font-family:Inter,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,input,textarea{font:inherit}.app-loading{display:grid;place-content:center;gap:16px;min-height:100vh;color:var(--hz-muted);text-align:center}.app-shell{min-height:100vh;background:#f2f4f8}.app-sider{position:sticky!important;top:0;height:100vh;background:var(--hz-navy)!important}.navigation-inner{position:relative;display:flex;flex-direction:column;height:100%;min-height:100vh;background:var(--hz-navy)}.brand{display:flex;align-items:center;gap:12px;width:100%;height:84px;padding:0 19px;border:0;color:#fff;background:transparent;cursor:pointer;text-align:left}.brand-mark{display:inline-grid;flex:0 0 auto;width:38px;height:38px;place-items:center;border-radius:12px;color:#1249b7;background:#fff;font-size:19px;font-weight:800;box-shadow:0 7px 24px #0000002e}.brand-copy,.login-brand>span:last-child{display:grid;gap:2px;white-space:nowrap}.brand-copy strong{font-size:16px;letter-spacing:.02em}.brand-copy small{color:#92a4c7;font-size:11px}.app-menu{flex:1 1 auto;overflow:auto;border-inline-end:0!important;background:transparent!important}.app-menu::-webkit-scrollbar{width:5px}.app-menu::-webkit-scrollbar-track{background:transparent}.app-menu::-webkit-scrollbar-thumb{border-radius:99px;background:#96aacd47}.app-menu .ant-menu-item,.app-menu .ant-menu-submenu-title{height:44px;margin-block:4px;border-radius:10px}.app-menu .ant-menu-item-selected{background:#245cc7!important;box-shadow:inset 3px 0 #8db3ff,0 8px 22px #0000001f}.app-menu .ant-menu-item-selected:after{display:none}.mobile-nav-drawer .ant-drawer-content{background:var(--hz-navy)}.mobile-nav-drawer .ant-drawer-body{overflow:hidden auto}.mobile-nav-drawer .navigation-inner{min-height:100%}.mobile-nav-drawer .app-menu::-webkit-scrollbar{width:5px}.mobile-nav-drawer .app-menu::-webkit-scrollbar-track{background:transparent}.mobile-nav-drawer .app-menu::-webkit-scrollbar-thumb{border-radius:99px;background:#96aacd57}.mobile-nav-drawer .sider-foot{margin-bottom:18px}.sider-foot{position:static;flex:0 0 auto;display:flex;align-items:center;gap:10px;margin:10px 18px 18px;padding:12px;border:1px solid rgb(255 255 255 / 8%);border-radius:12px;color:#fff;background:#ffffff0a}.sider-foot-dot{width:8px;height:8px;border-radius:50%;background:#40d98b;box-shadow:0 0 0 4px #40d98b1f}.sider-foot>div{display:grid;flex:1}.sider-foot strong{font-size:12px}.sider-foot small{margin-top:2px;color:#8295bc;font-size:9px;letter-spacing:.01em;white-space:nowrap}.app-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 24px;border-bottom:1px solid rgb(216 223 234 / 85%);background:#ffffffeb!important;box-shadow:0 2px 14px #11264a08;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.navigation-trigger{width:38px!important;height:38px!important;border-radius:10px!important;color:#48566c!important;background:#f5f7fa!important}.navigation-trigger:hover{color:var(--hz-primary)!important;background:#edf3ff!important}.global-search{display:flex;align-items:center;width:min(34vw,400px);height:40px;padding:0 8px;border:1px solid #edf0f4;border-radius:11px;background:#f5f7fa}.global-search:focus-within{border-color:#b9cef7;background:#fff}.global-search .ant-input-affix-wrapper{flex:1}.global-search kbd{padding:2px 7px;border:1px solid #d9dfe9;border-radius:5px;color:#8994a8;background:#fff;font-size:11px}.user-trigger{display:flex!important;align-items:center;gap:10px;height:48px!important;padding-inline:8px!important;line-height:1.2!important;border-radius:12px!important}.user-trigger>span:nth-child(2){display:grid;gap:3px;text-align:left;line-height:1.15}.user-trigger strong{color:var(--hz-text);font-size:13px}.user-trigger small{color:var(--hz-muted);font-size:10px}.app-content{min-width:0;padding:18px clamp(18px,2.2vw,32px) 40px}.app-content>.ant-breadcrumb{color:#8a95a7;font-size:12px}.page-content{margin-top:16px}.eyebrow{color:var(--hz-primary);font-size:10px;font-weight:800;letter-spacing:.15em}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.page-heading h1{margin:6px 0 5px;color:var(--hz-text);font-size:28px;line-height:1.22;letter-spacing:-.025em}.page-heading p{margin:0;color:var(--hz-muted)}.dashboard-heading h1{font-size:clamp(25px,2.2vw,34px)}.period-chip{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;height:38px;padding:0 13px;border:1px solid var(--hz-border);border-radius:11px;color:#526079;background:#fff;font-size:13px}.metric-card{position:relative;display:grid;width:100%;min-height:148px;padding:21px;border:1px solid var(--hz-border);border-radius:var(--hz-radius);color:inherit;background:var(--hz-surface);box-shadow:0 8px 26px #1b2e530d;cursor:pointer;text-align:left;transition:.18s ease}.metric-card:hover{transform:translateY(-2px);border-color:#b9cbed;box-shadow:0 14px 34px #1f43851a}.metric-card:focus-visible{outline:3px solid rgb(36 92 199 / 20%);outline-offset:2px}.metric-icon{position:absolute;top:18px;right:18px;display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:var(--hz-primary);background:#edf3ff}.metric-tone-1 .metric-icon{color:#167b72;background:#eaf7f4}.metric-tone-2 .metric-icon{color:#b56c12;background:#fff5e6}.metric-tone-3 .metric-icon{color:#7451bd;background:#f2edfb}.metric-label{color:var(--hz-muted);font-size:13px}.metric-card strong{margin-top:11px;color:#13213c;font-size:26px;letter-spacing:-.02em}.metric-card small{align-self:end;color:#8691a4}.metric-card:hover small{color:var(--hz-primary)}.reminder-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0;padding:15px 8px;border:1px solid var(--hz-border);border-radius:var(--hz-radius);background:#fff;box-shadow:0 8px 26px #1b2e530a}.reminder-strip>div{display:flex;align-items:center;gap:13px;padding:3px 18px;border-right:1px solid var(--hz-border)}.reminder-strip>div:last-child{border:0}.reminder-number{display:grid;width:43px;height:43px;place-items:center;border-radius:12px;color:var(--hz-primary);background:#edf3ff;font-size:20px;font-weight:800}.reminder-strip .is-warning .reminder-number{color:#c16b0d;background:#fff5e7}.reminder-strip>div>span:last-child{display:grid}.reminder-strip strong{font-size:13px}.reminder-strip small{margin-top:2px;color:var(--hz-muted);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr);gap:18px}.panel-card{border-color:var(--hz-border);border-radius:var(--hz-radius);box-shadow:0 8px 26px #1b2e530d}.panel-card .ant-card-head{min-height:58px;border-color:#edf0f4}.funnel-list{display:grid;gap:17px}.funnel-list>div>span{display:flex;align-items:center;justify-content:space-between}.funnel-list small{color:var(--hz-muted)}.funnel-list .ant-progress{margin-top:4px}.activity-list{display:grid;gap:0;max-height:330px;overflow:auto}.activity-list article{display:grid;grid-template-columns:14px 1fr;gap:8px;padding:0 0 16px}.activity-dot{width:8px;height:8px;margin-top:6px;border:2px solid #9cbcff;border-radius:50%;background:#fff}.activity-list article>div{padding-bottom:13px;border-bottom:1px solid #f0f2f5}.activity-list p{margin:5px 0;color:#57647a;font-size:12px}.activity-list small{color:#98a1b1}.distribution-list{display:grid;gap:13px}.distribution-list>div{display:grid;grid-template-columns:9px 1fr auto auto;align-items:center;gap:9px}.legend-dot{width:8px;height:8px;border-radius:50%;background:#1456d8}.legend-1{background:#3ba3a0}.legend-2{background:#e1a53d}.legend-3{background:#7658cf}.legend-4{background:#df6b73}.table-card{overflow:hidden;border-color:var(--hz-border);border-radius:var(--hz-radius);box-shadow:0 8px 28px #1b2e530d}.table-card .ant-card-body{padding:0}.table-card .ant-table-thead>tr>th{height:50px;border-bottom-color:var(--hz-border);font-size:12px;font-weight:700;letter-spacing:.02em}.table-card .ant-table-tbody>tr>td{padding-block:15px;border-bottom-color:#edf0f4}.table-card .ant-table-cell{min-width:0}.table-card .ant-table-cell-content{overflow:hidden;text-overflow:ellipsis}.table-card .ant-table-cell .ant-tag{max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.table-card .ant-empty{margin-block:54px}.table-card .ant-table-pagination{margin:16px 18px!important}.table-toolbar{display:flex;align-items:center;gap:12px;min-height:68px;padding:14px 18px;border-bottom:1px solid var(--hz-border)}.table-toolbar .ant-input-affix-wrapper{max-width:360px}.table-toolbar .ant-select{min-width:150px}.table-result{margin-left:auto;color:var(--hz-muted);font-size:12px}.table-link{display:grid;gap:3px;padding:0;border:0;color:var(--hz-text);background:transparent;cursor:pointer;text-align:left}.table-link:hover strong{color:var(--hz-primary)}.table-link small{color:var(--hz-muted)}.table-primary{display:grid;gap:4px;min-width:0}.table-primary>strong,.table-primary>span,.table-primary>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-primary>small{color:var(--hz-muted);font-size:11px}.table-mobile-only{display:none}.table-action-column .ant-btn-link{max-width:100%;padding-inline:0}.table-action-column .ant-select{max-width:100%}.level-badge{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:8px;color:#36547d;background:#edf2f8;font-weight:800}.level-A{color:#ad670a;background:#fff3dc}.level-B{color:#1456d8;background:#e9f0ff}.audit-action{display:inline-flex;align-items:center;min-height:27px;padding:3px 9px;border-radius:7px;color:#2f5598;background:#edf3ff;font-size:12px;font-weight:700}.request-id{color:#7d889a;background:transparent;font-size:11px}.audit-primary{display:grid;gap:4px;min-width:0}.audit-primary strong,.audit-primary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-primary span{color:var(--hz-muted);font-size:11px}.audit-toolbar{flex-wrap:wrap}.audit-toolbar .ant-picker{min-width:245px}.audit-detail{width:100%}.audit-detail-json{max-height:360px;margin:10px 0 0;padding:16px;overflow:auto;border:1px solid var(--hz-border);border-radius:10px;color:var(--hz-text);background:var(--hz-surface-soft);font-size:12px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;align-items:start}.settings-nav{position:sticky;top:92px;display:grid;gap:6px;padding:10px;border:1px solid var(--hz-border);border-radius:var(--hz-radius);background:var(--hz-surface);box-shadow:0 8px 26px #1b2e530d}.settings-nav button{height:42px;padding:0 14px;border:0;border-radius:10px;color:var(--hz-muted);background:transparent;cursor:pointer;text-align:left}.settings-nav button:hover{color:var(--hz-primary);background:var(--hz-surface-soft)}.settings-nav button.is-active{color:var(--hz-primary);background:color-mix(in srgb,var(--hz-primary) 10%,transparent);font-weight:700}.settings-section{border-color:var(--hz-border);border-radius:var(--hz-radius);box-shadow:0 8px 26px #1b2e530d}.settings-section-header{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--hz-border)}.settings-section-header>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:var(--hz-primary);background:color-mix(in srgb,var(--hz-primary) 10%,transparent)}.settings-section-header h3{margin:0;color:var(--hz-text);font-size:17px}.settings-section-header p{margin:4px 0 0;color:var(--hz-muted);font-size:12px}.settings-row{display:grid;grid-template-columns:minmax(240px,1fr) minmax(260px,auto);align-items:center;gap:24px;min-height:78px;border-bottom:1px solid var(--hz-border)}.settings-row>div:first-child{display:grid;gap:5px}.settings-row>div:first-child span{color:var(--hz-muted);font-size:12px}.settings-reset{padding-top:18px}.accent-options{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px}.accent-options button{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 10px;border:1px solid var(--hz-border);border-radius:9px;color:var(--hz-text);background:var(--hz-surface);cursor:pointer}.accent-options button.is-selected{border-color:var(--hz-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--hz-primary) 14%,transparent)}.accent-options i{width:14px;height:14px;border-radius:50%}.password-form{max-width:520px;padding-top:22px}.parameter-list{display:grid}.parameter-item{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.8fr) auto;align-items:center;gap:16px;min-height:76px;border-bottom:1px solid var(--hz-border)}.parameter-item>div{display:grid;gap:4px}.parameter-item span{color:var(--hz-muted);font-size:12px}.parameter-item code{overflow:hidden;color:var(--hz-muted);text-overflow:ellipsis;white-space:nowrap}.settings-empty{padding:42px;color:var(--hz-muted);text-align:center}:root[data-font-size=small]{font-size:13px}:root[data-font-size=large]{font-size:16px}:root[data-density=compact] .app-menu .ant-menu-item,:root[data-density=compact] .app-menu .ant-menu-submenu-title{height:38px;margin-block:2px}:root[data-density=compact] .table-card .ant-table-tbody>tr>td{padding-block:9px}:root[data-density=compact] .settings-row{min-height:64px}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] *:before,:root[data-reduce-motion=true] *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}:root[data-appearance=dark]{--hz-surface: #172033;--hz-surface-soft: #111827;--hz-border: #2b374d;--hz-text: #edf2f8;--hz-muted: #9ca9bc;color-scheme:dark;background:#0f1522}:root[data-appearance=dark] body,:root[data-appearance=dark] .app-shell,:root[data-appearance=dark] .app-content{background:#0f1522}:root[data-appearance=dark] .app-header,:root[data-appearance=dark] .table-card,:root[data-appearance=dark] .panel-card,:root[data-appearance=dark] .metric-card,:root[data-appearance=dark] .reminder-strip,:root[data-appearance=dark] .customer-hero,:root[data-appearance=dark] .customer-tabs,:root[data-appearance=dark] .timeline-card{background:var(--hz-surface)}:root[data-appearance=dark] .metric-card strong,:root[data-appearance=dark] .page-heading h1,:root[data-appearance=dark] .user-trigger strong{color:var(--hz-text)}:root[data-appearance=dark] .period-chip{color:var(--hz-muted);background:var(--hz-surface)}.customer-detail-page{display:grid;gap:14px}.customer-detail-page>.ant-btn:first-child{justify-self:start}.customer-hero{border:0;border-radius:16px;box-shadow:0 8px 26px #18315c12}.customer-hero .ant-card-body{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.customer-identity{display:flex;align-items:center;gap:16px}.customer-identity .ant-avatar{color:#fff;background:linear-gradient(145deg,#1f62df,#113e9a);font-weight:800}.customer-identity h1{margin:0;font-size:23px}.customer-identity p{margin:7px 0 0;color:var(--hz-muted)}.customer-summary{grid-column:1 / -1;width:100%;padding-top:18px;border-top:1px solid var(--hz-border)}.customer-summary .ant-statistic-title{font-size:12px}.customer-summary .ant-statistic-content{font-size:16px;font-weight:700}.customer-main-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.8fr);gap:16px}.customer-tabs,.timeline-card{border-color:var(--hz-border);border-radius:var(--hz-radius)}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contact-grid article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px;border:1px solid var(--hz-border);border-radius:12px}.contact-grid article p{margin:2px 0;color:var(--hz-muted)}.contact-grid article small{color:#54637a}.module-summary{display:flex;align-items:center;gap:18px;padding:28px;border-radius:12px;background:var(--hz-surface-soft)}.module-summary>span{color:var(--hz-primary);font-size:38px;font-weight:800}.module-summary>div{flex:1}.module-summary p{margin:4px 0 0;color:var(--hz-muted)}.timeline-card{max-height:680px;overflow:auto}.timeline-entry p{margin:5px 0;color:#5e6b80;font-size:12px}.timeline-entry small{color:#9aa3b2}.login-page{display:grid;grid-template-columns:minmax(520px,1.3fr) minmax(430px,.7fr);min-height:100vh;background:#fff}.login-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:44px 56px;overflow:hidden;color:#fff;background:#0f244d}.login-story:before,.login-story:after{position:absolute;content:"";border-radius:50%;filter:blur(1px)}.login-story:before{right:-140px;bottom:-120px;width:560px;height:560px;border:1px solid rgb(255 255 255 / 9%);box-shadow:0 0 0 75px #ffffff05,0 0 0 150px #ffffff05}.login-story:after{top:23%;left:64%;width:160px;height:160px;background:radial-gradient(circle,rgb(46 116 255 / 32%),transparent 70%)}.login-brand{z-index:1;display:flex;align-items:center;gap:12px}.login-brand small{color:#94a8d0}.login-story-copy{z-index:1;max-width:720px}.login-story-copy .eyebrow{color:#78a5ff}.login-story-copy h1{margin:18px 0;font-size:clamp(42px,5vw,70px);line-height:1.14;letter-spacing:-.04em}.login-story-copy p{max-width:620px;color:#b6c4de;font-size:17px;line-height:1.8}.login-story-footer{z-index:1;display:grid;gap:18px}.login-trust{display:flex;align-items:center;gap:9px;color:#9fb0d0;font-size:12px}.login-copyright{display:flex;align-items:center;gap:12px;color:#7489b2;font-size:11px}.login-footer-separator{width:1px;height:13px;background:#94a8d05c}.login-panel{display:grid;place-items:center;align-content:center;padding:40px 11%;background:#fbfcfe}.login-card{width:min(420px,100%)}.login-card h2{margin:10px 0 4px!important;color:var(--hz-text);font-size:30px!important}.login-card .ant-form{margin-top:28px}.login-card .ant-input-affix-wrapper{height:48px}.login-card .ant-btn-primary{height:50px;margin-top:4px;font-weight:700;box-shadow:0 8px 22px #1456d833}.login-alert{margin:18px 0 -12px}.login-help{margin-top:18px;color:var(--hz-muted);font-size:12px;text-align:center}.login-panel footer{position:absolute;bottom:22px;display:none;align-items:center;gap:10px;color:#9aa4b5;font-size:10px}@media(max-width:1180px){.dashboard-grid{grid-template-columns:1fr}.reminder-strip{grid-template-columns:repeat(2,1fr)}.reminder-strip>div:nth-child(2){border-right:0}.reminder-strip>div:nth-child(-n+2){padding-bottom:12px}.customer-main-grid{grid-template-columns:1fr}}@media(max-width:900px){.global-search{display:none}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh}.login-panel footer{display:flex}.customer-hero .ant-card-body{grid-template-columns:1fr}.customer-summary{grid-column:auto}.app-content{width:100%}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;grid-template-columns:repeat(5,minmax(110px,1fr));overflow-x:auto}}@media(max-width:680px){.app-header{height:62px;padding-inline:10px}.app-header>.ant-space:last-child{gap:4px!important}.app-header .ant-tag{display:none}.app-content{padding:13px 12px 28px}.app-content>.ant-breadcrumb{display:none}.page-content{margin-top:0}.user-trigger>span:nth-child(2),.user-trigger>.anticon-down{display:none}.user-trigger{padding-inline:4px!important}.page-heading{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:16px}.page-heading h1{font-size:24px}.dashboard-heading h1{font-size:25px;line-height:1.3}.metric-card{min-height:128px;padding:18px}.metric-card strong{font-size:24px}.period-chip{height:34px}.reminder-strip{grid-template-columns:1fr}.reminder-strip>div{padding-block:12px;border-right:0;border-bottom:1px solid var(--hz-border)}.reminder-strip>div:nth-child(-n+2){padding-bottom:12px}.dashboard-grid{gap:14px}.contact-grid{grid-template-columns:1fr}.table-toolbar{align-items:stretch;flex-direction:column}.table-toolbar .ant-input-affix-wrapper,.table-toolbar .ant-select{width:100%;max-width:none}.table-result{margin-left:0}.table-card .ant-table-thead>tr>th,.table-card .ant-table-tbody>tr>td{padding-inline:12px}.table-mobile-only{display:flex}.table-mobile-meta{align-items:center;gap:6px;margin-top:4px}.table-mobile-meta .ant-tag{margin-inline-end:0}.table-action-column{width:104px!important}.audit-toolbar .ant-picker{width:100%;min-width:0}.settings-nav{grid-template-columns:repeat(5,112px)}.settings-row{grid-template-columns:1fr;gap:12px;padding-block:16px}.accent-options{grid-template-columns:repeat(2,minmax(110px,1fr));width:100%}.parameter-item{grid-template-columns:1fr auto;padding-block:14px}.parameter-item code{grid-column:1 / -1;grid-row:2}.ant-modal{max-width:calc(100vw - 24px);margin:12px auto}.ant-modal .ant-col{flex:0 0 100%;max-width:100%}.login-panel{padding-inline:24px}}