@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap";:root{--dash-surface: #ffffff;--dash-bg: #F6F8FC;--dash-text: #0F172A;--dash-text-secondary: #64748B;--dash-text-tertiary: #94A3B8;--dash-border: #E8EDF4;--dash-radius: 14px;--dash-radius-sm: 10px;--ease-spring: cubic-bezier(.32, .72, 0, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}.dash-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.dash-page{padding:20px 24px 40px;min-height:100vh;position:relative;background:var(--dash-bg)}.dash-bg-glow{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.dash-bg-glow:before{content:"";position:absolute;width:700px;height:700px;top:-200px;right:-150px;background:radial-gradient(circle,rgba(59,130,246,.06),transparent 70%);animation:dashGlowDrift 40s ease-in-out infinite}.dash-bg-glow:after{content:"";position:absolute;width:500px;height:500px;bottom:-100px;left:-100px;background:radial-gradient(circle,rgba(139,92,246,.05),transparent 70%);animation:dashGlowDrift 30s ease-in-out infinite reverse}@keyframes dashGlowDrift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.08)}66%{transform:translate(-30px,20px) scale(.95)}}.dash-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--dash-border)}.dash-header-left{display:flex;align-items:baseline;gap:14px}.dash-title{margin:0;font-size:22px;font-weight:700;color:var(--dash-text);letter-spacing:-.3px}.dash-updated{font-size:13px;color:var(--dash-text-tertiary);font-variant-numeric:tabular-nums}.dash-btn-secondary{border-radius:var(--dash-radius-sm)!important;border:1px solid var(--dash-border)!important;background:var(--dash-surface)!important;box-shadow:0 1px 2px #00000005!important;transition:all .25s var(--ease-spring)!important}.dash-btn-secondary:hover{border-color:#3b82f6!important;color:#3b82f6!important;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f61f!important}.dash-section{position:relative;z-index:1;margin-bottom:24px}.dash-grid-modules{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.dash-grid-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.dash-module-card{position:relative;overflow:hidden;border-radius:var(--dash-radius);padding:14px 14px 12px;background:var(--dash-surface);border:1px solid var(--dash-border);cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .35s var(--ease-spring);animation:dashFadeUp .5s var(--ease-spring) both;height:100%;min-height:64px}.dash-module-card:hover{transform:translateY(-3px);border-color:var(--card-color, #3B82F6);box-shadow:0 8px 24px -6px #00000014,0 0 0 1px var(--card-color, #3B82F6) inset}.dash-module-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;transition:transform .35s var(--ease-spring)}.dash-module-card:hover .dash-module-icon{transform:scale(1.08)}.dash-module-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.dash-module-label{font-size:12px;color:var(--dash-text-secondary);line-height:1.3}.dash-module-count{font-size:20px;font-weight:700;color:var(--dash-text);line-height:1.15;font-variant-numeric:tabular-nums}.dash-module-sub{font-size:11px;color:var(--dash-text-tertiary);line-height:1.2;margin-top:1px}.dash-module-glow{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .35s var(--ease-spring);pointer-events:none;border-radius:var(--dash-radius)}.dash-module-card:hover .dash-module-glow{opacity:1}.dash-kpi-card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--dash-radius-sm);padding:10px 10px 8px;display:flex;flex-direction:column;gap:4px;animation:dashFadeUp .5s var(--ease-spring) both;transition:all .3s var(--ease-spring);position:relative;overflow:hidden;min-width:0}.dash-kpi-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--kpi-color, #3B82F6);border-radius:0 2px 2px 0;opacity:.5}.dash-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px -6px #00000012}.dash-kpi-icon{font-size:14px}.dash-kpi-value{font-size:18px;font-weight:700;color:var(--dash-text);line-height:1.15;white-space:nowrap}.dash-kpi-num{font-variant-numeric:tabular-nums}.dash-kpi-label{font-size:11px;color:var(--dash-text-secondary);line-height:1.3}.dash-panel{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--dash-radius);padding:18px 20px 16px;transition:box-shadow .3s var(--ease-spring);position:relative;z-index:1}.dash-panel:hover{box-shadow:0 4px 20px -6px #0000000a}.dash-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dash-panel-title{font-size:15px;font-weight:600;color:var(--dash-text)}.dash-panel-badge{font-size:11px;font-weight:500;color:var(--dash-text-tertiary);background:#f1f5f9;padding:2px 10px;border-radius:20px}.dash-panel-empty{padding:32px 0;text-align:center;color:var(--dash-text-tertiary);font-size:14px}.dash-funnel{display:flex;flex-direction:column;gap:12px}.dash-funnel-row{animation:dashFadeUp .5s var(--ease-spring) both}.dash-funnel-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px;color:var(--dash-text);font-weight:500}.dash-funnel-num{font-weight:600;font-variant-numeric:tabular-nums}.dash-funnel-bar-track{height:10px;background:#f1f5f9;border-radius:6px;overflow:hidden}.dash-funnel-bar-fill{height:100%;border-radius:6px;animation:dashBarGrow .7s var(--ease-spring) both;transform-origin:left}.dash-funnel-summary{margin-top:6px;padding:10px 12px;background:#f8fafc;border-radius:8px;display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--dash-text-secondary)}.dash-funnel-summary strong{color:var(--dash-text);font-weight:600}@keyframes dashBarGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dash-div-card{padding:14px 16px;background:#fafbfc;border:1px solid var(--dash-border);border-radius:12px;transition:all .3s var(--ease-spring);animation:dashFadeUp .5s var(--ease-spring) both;height:100%}.dash-div-card:hover{background:var(--dash-surface);transform:translateY(-2px);box-shadow:0 6px 20px -8px #0000000f;border-color:#d0d9e6}.dash-div-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.dash-div-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dash-div-name{font-weight:600;font-size:14px;color:var(--dash-text);line-height:1.3}.dash-div-hrbp{font-size:11px;color:var(--dash-text-secondary);margin-top:1px}.dash-div-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.dash-div-metric{text-align:center}.dash-div-m-val{display:block;font-size:18px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}.dash-div-m-label{font-size:10px;color:var(--dash-text-tertiary);display:block;margin-top:1px}.dash-table .ant-table{border-radius:10px!important}.dash-table .ant-table-thead>tr>th{background:#f8fafc!important;font-weight:600!important;font-size:12px!important;color:var(--dash-text-secondary)!important;padding:8px 10px!important;border-bottom:1px solid var(--dash-border)!important}.dash-table .ant-table-tbody>tr>td{padding:6px 10px!important;font-size:12px!important;border-bottom:1px solid #F1F5F9!important;transition:background .2s var(--ease-smooth)}.dash-table .ant-table-tbody>tr:hover>td{background:#f1f7ff!important}.dash-table .ant-table-tbody>tr:nth-child(2n)>td{background:#fafbfc}.dash-table .ant-table-tbody>tr:nth-child(2n):hover>td{background:#f1f7ff!important}.dash-search-input{width:180px!important;height:32px!important;border-radius:8px!important;border:1px solid var(--dash-border)!important;font-size:12px!important;transition:all .25s var(--ease-spring)!important}.dash-search-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f614!important}.dash-select-mini{width:120px!important;border-radius:8px!important}.dash-select-mini .ant-select-selector{border-radius:8px!important;border-color:var(--dash-border)!important;height:32px!important;font-size:12px!important}.dash-total-badge{font-size:12px;color:var(--dash-text-tertiary);font-variant-numeric:tabular-nums}.dash-empty{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.dash-empty-icon{font-size:56px;margin-bottom:16px;opacity:.6}.dash-empty h3{font-size:18px;font-weight:600;color:var(--dash-text);margin:0 0 8px}.dash-skeleton-card{height:68px;border-radius:var(--dash-radius);background:linear-gradient(90deg,#eef2f6 25%,#e4e9f0,#eef2f6 75%);background-size:200% 100%;animation:dashShimmer 1.8s infinite}.dash-skeleton-mini{height:80px;border-radius:var(--dash-radius-sm);background:linear-gradient(90deg,#eef2f6 25%,#e4e9f0,#eef2f6 75%);background-size:200% 100%;animation:dashShimmer 1.8s infinite}.dash-skeleton-block{border-radius:var(--dash-radius);background:linear-gradient(90deg,#eef2f6 25%,#e4e9f0,#eef2f6 75%);background-size:200% 100%;animation:dashShimmer 1.8s infinite}@keyframes dashShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes dashFadeUp{0%{opacity:0;transform:translateY(16px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(max-width:768px){.dash-page{padding:16px 12px}.dash-header{flex-direction:column;align-items:flex-start;gap:12px}.dash-grid-modules{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.dash-grid-kpis{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.dash-search-input{width:140px!important}.dash-select-mini{width:90px!important}.dash-panel-header{flex-wrap:wrap;gap:8px}}@media(prefers-reduced-motion:reduce){.dash-module-card,.dash-kpi-card,.dash-div-card,.dash-funnel-row,.dash-funnel-bar-fill,.dash-bg-glow:before,.dash-bg-glow:after{animation:none!important}}:root{--primary-color: #0F172A;--primary-hover: #1E293B;--secondary-color: #3B82F6;--success-color: #10B981;--warning-color: #F59E0B;--error-color: #EF4444;--background-color: #F8FAFC;--surface-color: #FFFFFF;--text-primary: #0F172A;--text-secondary: #64748B;--text-tertiary: #94A3B8;--border-color: #E2E8F0;--border-radius-sm: 6px;--border-radius-md: 12px;--border-radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-primary);line-height:1.6}code{font-family:Fira Code,monospace}#root{min-height:100vh}.ant-layout{background:var(--background-color)!important}.ant-layout-sider{background:#fff!important;border-right:1px solid var(--border-color)}.ant-menu-dark{background:#fff!important;color:var(--text-secondary)}.ant-menu-light{background:transparent!important}.ant-menu-item{color:var(--text-secondary)!important;border-radius:var(--border-radius-sm)!important;margin:4px 8px!important;width:auto!important;transition:all .2s ease!important}.ant-menu-item-selected{background-color:#eff6ff!important;color:var(--secondary-color)!important;font-weight:500}.ant-menu-item:hover{color:var(--secondary-color)!important;background-color:#f1f5f9!important}.ant-layout-header{background:#fffc!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);box-shadow:none!important;height:64px!important;line-height:64px!important;padding:0 32px!important;position:sticky;top:0;z-index:100}.ant-card{background:var(--surface-color);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm);transition:all .3s ease}.ant-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ant-card-head{border-bottom:1px solid var(--border-color);padding:0 24px;font-weight:600;color:var(--text-primary)}.ant-card-body{padding:24px}.ant-table-wrapper{background:var(--surface-color);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-sm)}.ant-table-thead>tr>th{background:#f8fafc!important;color:var(--text-secondary)!important;font-weight:600!important;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)!important;padding:16px 24px!important}.ant-table-tbody>tr>td{padding:20px 24px!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-primary);font-size:14px}.ant-table-tbody>tr:hover>td{background:#f8fafc!important}.ant-table-row{transition:background .2s}.ant-btn{border-radius:var(--border-radius-sm);box-shadow:none!important;font-weight:500;height:36px;padding:0 16px}.ant-btn-primary{background-color:var(--secondary-color)!important;border-color:var(--secondary-color)!important}.ant-btn-primary:hover{background-color:#2563eb!important;border-color:#2563eb!important;transform:translateY(-1px)}.ant-tag{border-radius:9999px;border:none;padding:2px 10px;font-weight:500;font-size:12px;line-height:20px}.ant-modal-content{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:32px!important}.ant-modal-header{margin-bottom:24px;border-bottom:none}.ant-modal-title{font-size:20px;font-weight:600}.ant-input,.ant-select-selector,.ant-input-number,.ant-picker{border-radius:var(--border-radius-sm)!important;border-color:var(--border-color)!important;padding:6px 12px!important}.ant-input:hover,.ant-select-selector:hover{border-color:var(--secondary-color)!important}.ant-input:focus,.ant-input-focused,.ant-select-focused .ant-select-selector{border-color:var(--secondary-color)!important;box-shadow:0 0 0 2px #3b82f61a!important}.page-container{animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.ant-form-item{margin-bottom:18px!important}.ant-modal-body .ant-form{padding:4px 0}.ant-card .ant-table-wrapper{margin:-8px}.ant-form div[style*="grid-template-columns: 1fr 1fr"]{margin-bottom:4px}.ant-table-cell .ant-btn-sm{line-height:1.4}.ant-card-extra .ant-space-item{margin-right:4px}.ant-modal-body>div[style*=padding]{width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
