:root{--color-primary: #6377ee;--color-primary-hover: #5759c5;--color-primary-active: #4a4cb0;--color-primary-soft: #eaeefe;--color-primary-strong: #5759c5;--color-accent-cyan: #02d7ff;--color-success: #00b42a;--color-success-hover: #009a1d;--color-success-soft: #e8ffe8;--color-warning: #ff7d00;--color-warning-hover: #d96900;--color-warning-soft: #fff3e0;--color-danger: #f53f3f;--color-danger-hover: #d92e2e;--color-danger-soft: #ffece8;--color-bg-page: #f4f6fd;--color-bg-elevated: #ffffff;--color-bg-subtle: #fafbff;--color-bg-hover: #eef1fe;--color-bg-row-alt: #fdfdfe;--color-bg-row-stripe: #ffffff;--color-bg-disabled: #f2f3f5;--color-skeleton-base: #eef0f3;--color-skeleton-shine: #f7f8fa;--color-skeleton-head-base: #e5e8ed;--color-skeleton-head-shine: #f0f2f5;--color-text-primary: #1d2129;--color-text-secondary: #4e5969;--color-text-tertiary: #86909c;--color-text-disabled: #c9cdd4;--color-text-inverse: #ffffff;--color-border: #e5e6eb;--color-border-strong: #d9dde3;--color-border-soft: #ebedf0;--color-border-divider: #e8eaed;--color-border-table-rule: #e8e8e8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 21, 30, .04);--shadow-md: 0 4px 12px rgba(15, 21, 30, .08);--shadow-lg: 0 12px 32px rgba(15, 21, 30, .12);--motion-fast: .12s cubic-bezier(.4, 0, .2, 1);--motion-base: .2s cubic-bezier(.4, 0, .2, 1);--motion-slow: .32s cubic-bezier(.4, 0, .2, 1);--font-xs: 12px;--font-sm: 13px;--font-md: 14px;--font-lg: 16px;--font-xl: 20px;--font-2xl: 28px;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.7;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--z-base: 1;--z-sticky: 100;--z-dropdown: 1000;--z-overlay: 1100;--z-modal: 1200;--z-popover: 1300;--z-toast: 1400;--color-focus-ring: var(--color-primary);--shadow-focus: 0 0 0 3px rgba(99, 119, 238, .3);--gradient-primary: linear-gradient(135deg, #6377ee 0%, #5759c5 100%);--gradient-primary-hover: linear-gradient(135deg, #5759c5 0%, #4a4cb0 100%);--gradient-brand-text: linear-gradient(135deg, #6377ee 0%, #02d7ff 100%);--gradient-header: linear-gradient(180deg, rgba(255, 255, 255, .88) 0%, rgba(243, 247, 255, .82) 100%);--shadow-card: 0 4px 16px rgba(99, 119, 238, .1);--shadow-card-hover: 0 20px 50px rgba(99, 119, 238, .22);--shadow-primary: 0 10px 30px 3px rgba(99, 119, 238, .3);--color-glass-bg: rgba(255, 255, 255, .72);--color-glass-border: rgba(255, 255, 255, .5);--accent-1: #6377ee;--accent-2: #00b42a;--accent-3: #ff7d00;--accent-4: #f53f3f;--accent-5: #5759c5;--accent-6: #02d7ff}:root[data-theme=dark]{--color-primary: #7d8cf2;--color-primary-hover: #92a0f3;--color-primary-active: #6377ee;--color-primary-soft: #262c47;--color-primary-strong: #92a0f3;--color-accent-cyan: #38e1ff;--color-success: #28c84b;--color-success-hover: #4bd668;--color-success-soft: #15301a;--color-warning: #ff9a2e;--color-warning-hover: #ffb15c;--color-warning-soft: #33240f;--color-danger: #ff5c5c;--color-danger-hover: #ff7d7d;--color-danger-soft: #3a1a1a;--color-bg-page: #17171a;--color-bg-elevated: #232326;--color-bg-subtle: #1d1d20;--color-bg-hover: #2a2d3a;--color-bg-row-alt: #1f1f22;--color-bg-row-stripe: #202024;--color-bg-disabled: #2a2a2e;--color-skeleton-base: #26262a;--color-skeleton-shine: #303036;--color-skeleton-head-base: #2c2c31;--color-skeleton-head-shine: #38383f;--color-text-primary: #e8e8ea;--color-text-secondary: #b0b3bb;--color-text-tertiary: #7d818c;--color-text-disabled: #54565d;--color-text-inverse: #17171a;--color-border: #36363b;--color-border-strong: #45454c;--color-border-soft: #2e2e33;--color-border-divider: #303036;--color-border-table-rule: #303036;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--shadow-focus: 0 0 0 3px rgba(77, 131, 255, .35);--gradient-primary: linear-gradient(135deg, #7d8cf2 0%, #6377ee 100%);--gradient-primary-hover: linear-gradient(135deg, #92a0f3 0%, #7d8cf2 100%);--gradient-brand-text: linear-gradient(135deg, #92a0f3 0%, #38e1ff 100%);--gradient-header: linear-gradient(180deg, rgba(30, 32, 46, .9) 0%, rgba(20, 21, 30, .82) 100%);--shadow-card: 0 4px 16px rgba(0, 0, 0, .35);--shadow-card-hover: 0 20px 50px rgba(99, 119, 238, .3);--shadow-primary: 0 10px 30px 3px rgba(99, 119, 238, .45);--color-glass-bg: rgba(30, 32, 46, .72);--color-glass-border: rgba(255, 255, 255, .08);--accent-1: #7d8cf2;--accent-2: #28c84b;--accent-3: #ff9a2e;--accent-4: #ff5c5c;--accent-5: #92a0f3;--accent-6: #38e1ff}.lark-grid-fill-source{border:2px solid var(--color-primary);box-sizing:border-box;background:#3370ff0a}.lark-grid-fill-target{border:2px dashed var(--color-primary);box-sizing:border-box;background:#3370ff0f}.lark-grid-fill-handle{width:8px;height:8px;background:var(--color-primary);border:1px solid var(--color-bg-elevated);cursor:crosshair;box-shadow:0 0 0 1px #0000000f}.lark-grid-fill-handle:hover{transform:scale(1.4);transition:transform 80ms ease}.semi-button,.semi-tag,.semi-card,.card,.kpi-card,.semi-navigation-item,.semi-input-wrapper,.semi-select,.semi-dropdown-item{transition:background-color var(--motion-base),border-color var(--motion-base),box-shadow var(--motion-base),transform var(--motion-fast),color var(--motion-base)}.semi-button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.semi-input-wrapper:focus-within,.semi-select:focus-within{border-color:var(--color-primary)!important;box-shadow:var(--shadow-focus)}.semi-button{border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.semi-button-primary:not(.semi-button-light):not(.semi-button-borderless){background:var(--gradient-primary)!important;border-color:transparent!important;box-shadow:var(--shadow-primary)}.semi-button-primary:not(.semi-button-light):not(.semi-button-borderless):hover{background:var(--gradient-primary-hover)!important;transform:translateY(-1px)}.semi-button-primary:not(.semi-button-light):not(.semi-button-borderless):active{transform:translateY(0)}.semi-card,.card,.kpi-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.card,.kpi-card{background:var(--color-bg-elevated)}.semi-card:hover,.card:hover,.kpi-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.kpi-card{position:relative;overflow:hidden;padding:18px 20px}.kpi-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-1);border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.kpi-card.accent-1:before{background:var(--accent-1)}.kpi-card.accent-2:before{background:var(--accent-2)}.kpi-card.accent-3:before{background:var(--accent-3)}.kpi-card.accent-4:before{background:var(--accent-4)}.kpi-card.accent-5:before{background:var(--accent-5)}.kpi-card.accent-6:before{background:var(--accent-6)}.kpi-value{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);letter-spacing:-.02em}.semi-navigation-horizontal .semi-navigation-item{border-radius:var(--radius-md);margin:0 2px}.semi-navigation-horizontal .semi-navigation-item:hover{background:var(--color-bg-hover)}.semi-navigation-item-selected{background:var(--color-primary-soft)!important;color:var(--color-primary)!important;font-weight:var(--font-weight-semibold)}.semi-navigation-horizontal .semi-navigation-item-selected:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:var(--radius-pill);background:var(--gradient-primary)}.semi-navigation-horizontal .semi-navigation-item{position:relative}.semi-input-wrapper,.semi-select{border-radius:var(--radius-md)}.semi-modal-content{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;overflow:hidden}.semi-modal-header{padding-bottom:12px;border-bottom:1px solid var(--color-border-soft);margin-bottom:4px}.semi-tag{border-radius:var(--radius-pill);font-weight:var(--font-weight-medium)}.semi-dropdown-content,.semi-popover-content{border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.semi-dropdown-item{border-radius:var(--radius-sm);margin:1px 6px}.app-header{background:var(--gradient-header)!important;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--color-border)!important}.brand-title{background:var(--gradient-brand-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}h1,h2,h3,h4,h5,h6,.page-title,.card-title,.brand-title,.kpi-value,.semi-modal-title{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;background:var(--color-bg-page);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh}@media(max-width:1536px){body{zoom:.9}}@media(max-width:1366px){body{zoom:.85}}.semi-layout-sider{background:var(--color-bg-elevated)}.semi-navigation-item-selected{background:var(--color-primary-soft)!important}.semi-button,.semi-typography,.semi-text,.semi-tag{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-disabled);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.sync-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary)}.sync-indicator.saved{color:var(--color-success)}.sync-indicator.syncing{color:var(--color-warning)}.sync-indicator.error{color:var(--color-danger)}.sync-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.sync-dot.syncing{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.page-container{padding:24px;height:100%;overflow:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{font-size:20px;font-weight:600;color:var(--color-text-primary)}.card{background:var(--color-bg-elevated);border-radius:8px;border:1px solid var(--color-border);padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:16px;font-weight:600;color:var(--color-text-primary)}.kpi-card{background:var(--color-bg-elevated);border-radius:8px;border:1px solid var(--color-border);padding:16px 20px}.kpi-label{font-size:13px;color:var(--color-text-secondary);margin-bottom:8px}.kpi-value{font-size:28px;font-weight:700;color:var(--color-text-primary)}.kpi-change{font-size:12px;margin-top:4px}.kpi-change.positive{color:var(--color-success)}.kpi-change.negative{color:var(--color-danger)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.dashboard-grid .react-grid-item>.react-resizable-handle{z-index:100;width:24px;height:24px;background:transparent;cursor:se-resize}.dashboard-grid .react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:4px;bottom:4px;width:10px;height:10px;border-right:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);opacity:.7}.dashboard-grid .react-grid-item.react-grid-placeholder{background:var(--color-primary)!important;opacity:.2;border-radius:4px}.dashboard-grid .react-grid-item{transition:none}