:root{--core-blue-5: #E7F0FF;--core-blue-50: #5B9CFF;--core-blue-60: #4A8AE6;--core-blue-70: #3578D4;--core-cyan-5: #D9F5F5;--core-cyan-50: #06B6D4;--core-gray-10: #F3F4F6;--core-gray-10-alt: #E6EEF8;--core-gray-15: #E5E7EB;--core-gray-20: #EDF2F8;--core-gray-25: #CBD5E1;--core-gray-40: #9CA3AF;--core-gray-5: #E2EBFF;--core-gray-5-alt: #F7F8FA;--core-gray-50: #9AA6B2;--core-gray-60: #6B7280;--core-gray-65: #485B76;--core-gray-70: #2A3547;--core-gray-75: #243041;--core-gray-80: #1A2330;--core-gray-85: #1B2B47;--core-gray-87: #1B2B47;--core-gray-90: #161E28;--core-gray-95: #353535;--core-green-5: #D9F5E5;--core-green-50: #1DB954;--core-green-99: #11261B;--core-red-5: #FEE5E5;--core-red-50: #FF4D4F;--core-red-99: #2A1314;--core-rose-60: #E11D48;--core-teal-10: #14B8A6;--core-ui-hover-bg: #EEF2FF;--core-violet-50: #6B5BFF;--core-white: #FFFFFF;--core-yellow-5: #FAECD1;--core-yellow-50: #FFB020;--core-yellow-99: #2A210E;--space-1: 1px;--space-10: 10px;--space-100: 100px;--space-109: 109px;--space-112: 112px;--space-12: 12px;--space-120: 120px;--space-14: 14px;--space-15: 15px;--space-152: 152px;--space-16: 16px;--space-160: 160px;--space-164: 164px;--space-169: 169px;--space-170: 170px;--space-178: 178px;--space-18: 18px;--space-186: 186px;--space-190: 190px;--space-2: 2px;--space-20: 20px;--space-200: 200px;--space-22: 22px;--space-24: 24px;--space-240: 240px;--space-28: 28px;--space-280: 280px;--space-296: 296px;--space-3: 3px;--space-30: 30px;--space-300: 300px;--space-302: 302px;--space-309: 309px;--space-32: 32px;--space-320: 320px;--space-350: 350px;--space-36: 36px;--space-360: 360px;--space-4: 4px;--space-40: 40px;--space-416: 416px;--space-42: 42px;--space-44: 44px;--space-440: 440px;--space-460: 460px;--space-480: 480px;--space-488: 488px;--space-50: 50px;--space-52: 52px;--space-530: 530px;--space-535: 535px;--space-545: 545px;--space-554: 554px;--space-56: 56px;--space-584: 584px;--space-6: 6px;--space-60: 60px;--space-600: 600px;--space-608: 608px;--space-64: 64px;--space-640: 640px;--space-67: 67px;--space-680: 680px;--space-78: 78px;--space-8: 8px;--space-80: 80px;--space-800: 800px;--space-848: 848px;--space-852: 852px;--space-9: 9px;--space-96: 96px;--breakpoint-mobile-max: 767px;--breakpoint-tablet-max: 1439px;--breakpoint-desktop: 1440px;--space-accordion-content-max-lg: var(--space-640);--space-accordion-content-max-md: var(--space-480);--space-accordion-content-max-sm: var(--space-360);--space-accordion-content-min-lg: var(--space-280);--space-accordion-content-min-md: var(--space-200);--space-accordion-content-min-sm: var(--space-200);--space-avatar-lg: var(--space-48);--space-avatar-md: var(--space-40);--space-avatar-sm: var(--space-32);--space-avatar-xl: var(--space-56);--space-avatar-xs: var(--space-24);--space-badge-min-lg: var(--space-24);--space-badge-min-md: var(--space-22);--space-badge-min-sm: var(--space-16);--space-button-gap-lg: var(--space-8);--space-button-gap-md: var(--space-6);--space-button-gap-sm: var(--space-4);--space-button-h-lg: var(--space-44);--space-button-h-md: var(--space-36);--space-button-h-sm: var(--space-28);--space-button-x-lg: var(--space-20);--space-button-x-md: var(--space-16);--space-button-x-sm: var(--space-12);--space-button-y-lg: var(--space-10);--space-button-y-md: var(--space-8);--space-button-y-sm: var(--space-6);--space-captcha-inset-x: var(--space-16);--space-captcha-inset-y: var(--space-12);--space-circular-lg: var(--space-40);--space-circular-md: var(--space-32);--space-circular-sm: var(--space-24);--space-circular-xl: var(--space-48);--space-circular-xs: var(--space-16);--space-container-compact-max: var(--space-320);--space-container-compact-min: var(--space-160);--space-container-content-max: var(--space-480);--space-container-content-min: var(--space-200);--space-container-wide-max: var(--space-800);--space-container-wide-min: var(--space-280);--space-content-l: var(--space-9);--space-content-m: var(--space-6);--space-content-s: var(--space-4);--space-content-xs: var(--space-2);--space-control-box-lg: var(--space-24);--space-control-box-md: var(--space-20);--space-control-box-sm: var(--space-16);--space-control-l: var(--space-4);--space-control-m: var(--space-3);--space-control-s: var(--space-2);--space-control-xs: var(--space-1);--space-dropdown-popover-inset: var(--space-inset-s);--space-dropdown-submenu-offset: var(--space-2);--space-empty-state-actions-gap-lg: var(--space-12);--space-empty-state-actions-gap-md: var(--space-8);--space-empty-state-actions-gap-sm: var(--space-6);--space-empty-state-gap-lg: var(--space-24);--space-empty-state-gap-md: var(--space-16);--space-empty-state-gap-sm: var(--space-12);--space-empty-state-icon-lg: var(--space-64);--space-empty-state-icon-md: var(--space-48);--space-empty-state-icon-sm: var(--space-32);--space-empty-state-icon-wrapper-lg: var(--space-80);--space-empty-state-icon-wrapper-md: var(--space-64);--space-empty-state-icon-wrapper-sm: var(--space-40);--space-empty-state-text-gap-lg: var(--space-8);--space-empty-state-text-gap-md: var(--space-6);--space-empty-state-text-gap-sm: var(--space-4);--space-icon-checkbox-sm: var(--space-14);--space-image-lg-max: var(--space-800);--space-image-lg-min: var(--space-280);--space-image-md-max: var(--space-480);--space-image-md-min: var(--space-200);--space-image-sm-max: var(--space-320);--space-image-sm-min: var(--space-160);--space-image-xl-max: var(--space-800);--space-image-xl-min: var(--space-360);--space-image-xs-max: var(--space-160);--space-image-xs-min: var(--space-80);--space-inset-l: var(--space-12);--space-inset-m: var(--space-9);--space-inset-s: var(--space-6);--space-inset-xl: var(--space-16);--space-inset-xs: var(--space-4);--space-layout-l: var(--space-6);--space-layout-m: var(--space-3);--space-layout-s: var(--space-2);--space-layout-xl: var(--space-9);--space-layout-xs: var(--space-1);--space-list-item-gap-lg: var(--space-button-gap-lg);--space-list-item-gap-md: var(--space-button-gap-md);--space-list-item-gap-sm: var(--space-button-gap-sm);--space-list-item-h-lg: var(--space-table-row-h-lg);--space-list-item-h-md: var(--space-table-row-h-md);--space-list-item-h-sm: var(--space-table-row-h-sm);--space-list-item-x-lg: var(--space-button-x-lg);--space-list-item-x-md: var(--space-button-x-md);--space-list-item-x-sm: var(--space-button-x-sm);--space-list-item-y-lg: var(--space-button-y-lg);--space-list-item-y-md: var(--space-button-y-md);--space-list-item-y-sm: var(--space-button-y-sm);--space-list-item-y-two-line: var(--space-button-y-lg);--space-paragraph-bottom: var(--space-32);--space-paragraph-max-desktop-lg: var(--space-800);--space-paragraph-max-desktop-sm: var(--space-640);--space-paragraph-max-mobile: var(--space-320);--space-paragraph-max-tablet: var(--space-480);--space-paragraph-min-desktop-lg: var(--space-600);--space-paragraph-min-desktop-sm: var(--space-460);--space-paragraph-min-mobile: var(--space-200);--space-paragraph-min-tablet: var(--space-360);--space-pin-cell-lg: var(--space-48);--space-pin-cell-md: var(--space-40);--space-pin-cell-sm: var(--space-32);--space-section-content-l: var(--space-24);--space-section-content-m: var(--space-16);--space-section-content-s: var(--space-12);--space-section-content-xl: var(--space-32);--space-section-stack-l: var(--space-24);--space-section-stack-m: var(--space-16);--space-section-stack-s: var(--space-12);--space-section-y-l: var(--space-80);--space-section-y-m: var(--space-64);--space-section-y-s: var(--space-48);--space-section-y-xl: var(--space-96);--space-section-y-xs: var(--space-32);--space-skeleton-bars-h-lg: var(--space-160);--space-skeleton-bars-h-md: var(--space-120);--space-skeleton-bars-h-sm: var(--space-80);--space-skeleton-chart-h-lg: var(--space-280);--space-skeleton-chart-h-md: var(--space-200);--space-skeleton-chart-h-sm: var(--space-160);--space-skeleton-circle-lg: var(--space-24);--space-skeleton-circle-md: var(--space-22);--space-skeleton-circle-sm: var(--space-16);--space-skeleton-gap-lg: var(--space-24);--space-skeleton-gap-md: var(--space-16);--space-skeleton-gap-sm: var(--space-12);--space-skeleton-hero-h-lg: var(--space-160);--space-skeleton-hero-h-md: var(--space-120);--space-skeleton-hero-h-sm: var(--space-80);--space-skeleton-line-h-lg: var(--space-12);--space-skeleton-line-h-md: var(--space-10);--space-skeleton-line-h-sm: var(--space-8);--space-skeleton-media-h-lg: var(--space-160);--space-skeleton-media-h-md: var(--space-120);--space-skeleton-media-h-sm: var(--space-80);--space-switch-thumb-inset: var(--space-2);--space-switch-track-h-lg: var(--space-24);--space-switch-track-h-md: var(--space-20);--space-switch-track-h-sm: var(--space-16);--space-switch-track-h-xs: var(--space-12);--space-switch-track-w-lg: var(--space-44);--space-switch-track-w-md: var(--space-36);--space-switch-track-w-sm: var(--space-28);--space-switch-track-w-xs: var(--space-22);--space-table-cell-gap: var(--space-6);--space-table-cell-x-lg: var(--space-20);--space-table-cell-x-md: var(--space-16);--space-table-cell-x-sm: var(--space-12);--space-table-cell-y-lg: var(--space-8);--space-table-cell-y-md: var(--space-6);--space-table-cell-y-sm: var(--space-3);--space-table-col-min-lg: var(--space-120);--space-table-col-min-md: var(--space-96);--space-table-col-min-sm: var(--space-80);--space-table-min-lg: var(--space-600);--space-table-min-md: var(--space-460);--space-table-min-sm: var(--space-320);--space-table-row-h-lg: var(--space-44);--space-table-row-h-md: var(--space-36);--space-table-row-h-sm: var(--space-28);--space-tag-gap: var(--space-2);--space-tag-row-gap: var(--space-8);--space-tag-x-lg: var(--space-8);--space-tag-x-md: var(--space-6);--space-tag-x-sm: var(--space-4);--space-tag-y-lg: var(--space-6);--space-tag-y-md: var(--space-4);--space-tag-y-sm: var(--space-3);--space-tooltip-inset-x: var(--space-8);--space-tooltip-inset-y: var(--space-6);--space-track-h-lg: var(--space-8);--space-track-h-md: var(--space-6);--space-track-h-sm: var(--space-4);--space-track-w-lg: var(--space-200);--space-track-w-md: var(--space-160);--space-track-w-sm: var(--space-120);--space-underline: var(--space-2);--radius-0: 0px;--radius-1: 1px;--radius-10: 10px;--radius-12: 12px;--radius-16: 16px;--radius-2: 2px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-full: 9999px;--radius-2xl: var(--radius-12);--radius-3xl: var(--radius-16);--radius-button: var(--radius-pill);--radius-default: var(--radius-2);--radius-large: var(--radius-6);--radius-md-plus: var(--radius-10);--radius-medium: var(--radius-4);--radius-none: var(--radius-0);--radius-pill: var(--radius-full);--radius-section: var(--radius-16);--radius-subtle: var(--radius-1);--radius-xl: var(--radius-8);--border-width-base: 1px;--border-width-thick: 2px;--ratio-16-9: .5625;--ratio-2-3: 1.5;--ratio-3-2: .6667;--ratio-3-4: 1.3333;--ratio-4-3: .75;--ratio-square: 1;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "Roboto Mono", "SF Mono", "Monaco", monospace;--font-size-8: 8px;--font-size-10: 10px;--font-size-12: 12px;--font-size-14: 14px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-24: 24px;--font-size-32: 32px;--line-height-12: 12px;--line-height-16: 16px;--line-height-20: 20px;--line-height-24: 24px;--line-height-28: 28px;--line-height-32: 32px;--line-height-40: 40px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--grid-desktop-columns: 12;--grid-desktop-gutter: 24px;--grid-desktop-offset: 80px;--grid-desktop-breakpoint: 1440px;--grid-tablet-columns: 8;--grid-tablet-gutter: 20px;--grid-tablet-offset: 32px;--grid-tablet-breakpoint: 768px;--grid-mobile-columns: 4;--grid-mobile-gutter: 16px;--grid-mobile-offset: 16px;--grid-mobile-breakpoint: 320px;--z-header: 30;--z-popover: 40;--z-modal: 50;--z-tooltip: 60;--z-toast: 70;--opacity-disabled: .5}:root,[data-theme=light]{--color-active: #6B5BFF;--color-bg-base: #FFFFFF;--color-bg-disabled: #F3F4F6;--color-bg-muted: #E2EBFF;--color-border-base: #E5E7EB;--color-border-disabled: #E5E7EB;--color-border-strong: #CBD5E1;--color-brand-hover: #4A8AE6;--color-brand-hover-bg: #EEF2FF;--color-brand-muted: #E7F0FF;--color-brand-pressed: #3578D4;--color-brand-primary: #5B9CFF;--color-brand-subtle: #E7F0FF;--color-danger-base: #FF4D4F;--color-danger-hover-bg: #FEE5E5;--color-danger-subtle: #FEE5E5;--color-danger-surface: #FEE5E5;--color-danger-text: #FFFFFF;--color-divider: #E5E7EB;--color-focus-outline: #5B9CFF;--color-icon-on-base: #6B7280;--color-icon-on-brand: #FFFFFF;--color-icon-on-danger: #FFFFFF;--color-icon-on-ghost: #6B7280;--color-icon-on-outline: #5B9CFF;--color-icon-on-success: #FFFFFF;--color-icon-on-warning: #353535;--color-info-base: #06B6D4;--color-info-hover-bg: #D9F5F5;--color-info-surface: #D9F5F5;--color-info-text: #FFFFFF;--color-link-default: #5B9CFF;--color-link-hover: #4A8AE6;--color-link-visited: #6B5BFF;--color-success-base: #1DB954;--color-success-hover-bg: #D9F5E5;--color-success-subtle: #D9F5E5;--color-success-surface: #D9F5E5;--color-success-text: #FFFFFF;--color-surface-1: #FFFFFF;--color-surface-2: #F7F8FA;--color-surface-3: #EDF2F8;--color-text-disabled: #6B7280;--color-text-muted: #6B7280;--color-text-on-brand: #FFFFFF;--color-text-primary: #353535;--color-text-secondary: #485B76;--color-tooltip-bg: #353535;--color-tooltip-text: #FFFFFF;--color-viz-categorical-1: #5B9CFF;--color-viz-categorical-2: #06B6D4;--color-viz-categorical-3: #FF4D4F;--color-viz-categorical-4: #FFB020;--color-viz-categorical-5: #1DB954;--color-viz-categorical-6: #6B5BFF;--color-viz-categorical-7: #14B8A6;--color-viz-categorical-8: #E11D48;--color-warning-base: #FFB020;--color-warning-hover-bg: #FAECD1;--color-warning-surface: #FAECD1;--color-warning-text: #353535;--effect-elevation-1: 0px 1px 3px 0px rgba(0, 0, 0, .12);--effect-elevation-2: 0px 4px 8px 0px rgba(0, 0, 0, .12), 0px 2px 4px 0px rgba(0, 0, 0, .08);--effect-elevation-3: 0px 8px 16px 0px rgba(0, 0, 0, .14), 0px 4px 6px 0px rgba(0, 0, 0, .1);--effect-elevation-glow: 0px 0px 12px 0px color-mix(in srgb, var(--color-brand-primary) 35%, transparent);--effect-focus-brand: 0px 0px 0px 1px var(--color-brand-primary);--effect-focus-danger: 0px 0px 0px 1px var(--color-danger-base);--effect-focus-success: 0px 0px 0px 1px var(--color-success-base);--effect-focus-warning: 0px 0px 0px 1px var(--color-warning-base);--effect-scrim-light: 0px 0px 0px 0px rgba(0, 0, 0, .3);--effect-scrim-strong: 0px 0px 0px 0px rgba(0, 0, 0, .45);--effect-blur-background: 8px;--effect-glass-chrome-bg: color-mix(in srgb, var(--color-surface-1) 88%, transparent);--effect-glass-scrim-bg: color-mix(in srgb, #FFFFFF 20%, transparent);--color-surface-hover: var(--color-surface-3);--color-surface-active: var(--color-surface-3)}[data-theme=dark]{--color-active: #6B5BFF;--color-bg-base: #161E28;--color-bg-disabled: #1B2B47;--color-bg-muted: #1B2B47;--color-border-base: #243041;--color-border-disabled: #485B76;--color-border-strong: #485B76;--color-brand-hover: #4A8AE6;--color-brand-hover-bg: #1A2330;--color-brand-muted: #1A2330;--color-brand-pressed: #3578D4;--color-brand-primary: #5B9CFF;--color-brand-subtle: #1A2330;--color-danger-base: #FF4D4F;--color-danger-hover-bg: #2A1314;--color-danger-subtle: #2A1314;--color-danger-surface: #2A1314;--color-danger-text: #E6EEF8;--color-divider: #1A2330;--color-focus-outline: #5B9CFF;--color-icon-on-base: #E6EEF8;--color-icon-on-brand: #FFFFFF;--color-icon-on-danger: #FFFFFF;--color-icon-on-ghost: #E6EEF8;--color-icon-on-outline: #5B9CFF;--color-icon-on-success: #FFFFFF;--color-icon-on-warning: #E6EEF8;--color-info-base: #06B6D4;--color-info-hover-bg: #161E28;--color-info-surface: #161E28;--color-info-text: #E6EEF8;--color-link-default: #5B9CFF;--color-link-hover: #4A8AE6;--color-link-visited: #6B5BFF;--color-success-base: #1DB954;--color-success-hover-bg: #11261B;--color-success-subtle: #11261B;--color-success-surface: #11261B;--color-success-text: #E6EEF8;--color-surface-1: #1A2330;--color-surface-2: #243041;--color-surface-3: #2A3547;--color-text-disabled: #9AA6B2;--color-text-muted: #9AA6B2;--color-text-on-brand: #FFFFFF;--color-text-primary: #E6EEF8;--color-text-secondary: #9AA6B2;--color-tooltip-bg: #E6EEF8;--color-tooltip-text: #1A2330;--color-viz-categorical-1: #5B9CFF;--color-viz-categorical-2: #06B6D4;--color-viz-categorical-3: #FF4D4F;--color-viz-categorical-4: #FFB020;--color-viz-categorical-5: #1DB954;--color-viz-categorical-6: #6B5BFF;--color-viz-categorical-7: #14B8A6;--color-viz-categorical-8: #E11D48;--color-warning-base: #FFB020;--color-warning-hover-bg: #2A210E;--color-warning-surface: #2A210E;--color-warning-text: #E6EEF8;--effect-elevation-1: 0px 1px 3px 0px rgba(0, 0, 0, .24);--effect-elevation-2: 0px 4px 8px 0px rgba(0, 0, 0, .24), 0px 2px 4px 0px rgba(0, 0, 0, .16);--effect-elevation-3: 0px 8px 16px 0px rgba(0, 0, 0, .28), 0px 4px 6px 0px rgba(0, 0, 0, .2);--effect-elevation-glow: 0px 0px 12px 0px color-mix(in srgb, var(--color-brand-primary) 35%, transparent);--effect-focus-brand: 0px 0px 0px 1px var(--color-brand-primary);--effect-focus-danger: 0px 0px 0px 1px var(--color-danger-base);--effect-focus-success: 0px 0px 0px 1px var(--color-success-base);--effect-focus-warning: 0px 0px 0px 1px var(--color-warning-base);--effect-scrim-light: 0px 0px 0px 0px rgba(0, 0, 0, .45);--effect-scrim-strong: 0px 0px 0px 0px rgba(0, 0, 0, .675);--color-surface-hover: var(--color-surface-3);--color-surface-active: var(--color-surface-3)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-active: #6B5BFF;--color-bg-base: #161E28;--color-bg-disabled: #1B2B47;--color-bg-muted: #1B2B47;--color-border-base: #243041;--color-border-disabled: #485B76;--color-border-strong: #485B76;--color-brand-hover: #4A8AE6;--color-brand-hover-bg: #1A2330;--color-brand-muted: #1A2330;--color-brand-pressed: #3578D4;--color-brand-primary: #5B9CFF;--color-brand-subtle: #1A2330;--color-danger-base: #FF4D4F;--color-danger-hover-bg: #2A1314;--color-danger-subtle: #2A1314;--color-danger-surface: #2A1314;--color-danger-text: #E6EEF8;--color-divider: #1A2330;--color-focus-outline: #5B9CFF;--color-icon-on-base: #E6EEF8;--color-icon-on-brand: #FFFFFF;--color-icon-on-danger: #FFFFFF;--color-icon-on-ghost: #E6EEF8;--color-icon-on-outline: #5B9CFF;--color-icon-on-success: #FFFFFF;--color-icon-on-warning: #E6EEF8;--color-info-base: #06B6D4;--color-info-hover-bg: #161E28;--color-info-surface: #161E28;--color-info-text: #E6EEF8;--color-link-default: #5B9CFF;--color-link-hover: #4A8AE6;--color-link-visited: #6B5BFF;--color-success-base: #1DB954;--color-success-hover-bg: #11261B;--color-success-subtle: #11261B;--color-success-surface: #11261B;--color-success-text: #E6EEF8;--color-surface-1: #1A2330;--color-surface-2: #243041;--color-surface-3: #2A3547;--color-text-disabled: #9AA6B2;--color-text-muted: #9AA6B2;--color-text-on-brand: #FFFFFF;--color-text-primary: #E6EEF8;--color-text-secondary: #9AA6B2;--color-tooltip-bg: #E6EEF8;--color-tooltip-text: #1A2330;--color-viz-categorical-1: #5B9CFF;--color-viz-categorical-2: #06B6D4;--color-viz-categorical-3: #FF4D4F;--color-viz-categorical-4: #FFB020;--color-viz-categorical-5: #1DB954;--color-viz-categorical-6: #6B5BFF;--color-viz-categorical-7: #14B8A6;--color-viz-categorical-8: #E11D48;--color-warning-base: #FFB020;--color-warning-hover-bg: #2A210E;--color-warning-surface: #2A210E;--color-warning-text: #E6EEF8}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background-color:var(--color-bg-base);line-height:1.5;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--color-surface-1);border-right:1px solid var(--color-border-base);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:var(--z-header);overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-20);border-bottom:1px solid var(--color-border-base);flex-shrink:0}.sidebar-logo-icon{width:32px;height:32px;border-radius:var(--radius-medium);background:var(--color-brand-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo-text{font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.2}.sidebar-logo-sub{font-size:var(--font-size-10);color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}.sidebar-nav{flex:1;padding:var(--space-12) var(--space-8);display:flex;flex-direction:column;gap:var(--space-2)}.nav-group-label{font-size:var(--font-size-10);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;padding:var(--space-8) var(--space-12);margin-top:var(--space-8)}.nav-item{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-8) var(--space-12);border-radius:var(--radius-medium);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-14);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .12s,color .12s;border:none;background:transparent;width:100%;text-align:left}.nav-item:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.nav-item.active{background:var(--color-brand-muted);color:var(--color-brand-primary)}.nav-item svg{flex-shrink:0;width:16px;height:16px}.sidebar-footer{padding:var(--space-12) var(--space-8);border-top:1px solid var(--color-border-base);flex-shrink:0}.user-card{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-8) var(--space-12);border-radius:var(--radius-medium)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-pill);background:var(--color-surface-3);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:var(--font-size-12);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-logout{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-4);border-radius:var(--radius-medium);display:flex;align-items:center;transition:color .12s,background .12s}.btn-logout:hover{color:var(--color-danger-base);background:var(--color-danger-surface)}.main-content{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh}.topbar{height:56px;background:var(--color-surface-1);border-bottom:1px solid var(--color-border-base);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-24);position:sticky;top:0;z-index:var(--z-popover);-webkit-backdrop-filter:blur(var(--effect-blur-background));backdrop-filter:blur(var(--effect-blur-background))}.topbar-title{font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.page-body{flex:1;padding:var(--space-24);max-width:1280px}.card{background:var(--color-surface-1);border:1px solid var(--color-border-base);border-radius:var(--radius-2xl);padding:var(--space-20)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-16)}.card-title{font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-16);margin-bottom:var(--space-24)}.stat-card{background:var(--color-surface-1);border:1px solid var(--color-border-base);border-radius:var(--radius-2xl);padding:var(--space-20);display:flex;flex-direction:column;gap:var(--space-12);transition:box-shadow .15s}.stat-card:hover{box-shadow:var(--effect-elevation-2)}.stat-card-header{display:flex;align-items:center;justify-content:space-between}.stat-card-label{font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.stat-card-icon{width:36px;height:36px;border-radius:var(--radius-medium);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon.blue{background:var(--color-brand-muted);color:var(--color-brand-primary)}.stat-card-icon.green{background:var(--color-success-subtle);color:var(--color-success-base)}.stat-card-icon.amber{background:var(--color-warning-surface);color:var(--color-warning-base)}.stat-card-icon.red{background:var(--color-danger-surface);color:var(--color-danger-base)}.stat-card-icon.cyan{background:var(--color-info-surface);color:var(--color-info-base)}.stat-card-value{font-size:var(--font-size-32);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1}.stat-card-sub{font-size:var(--font-size-12);color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-button-y-md) var(--space-button-x-md);height:var(--space-button-h-md);border-radius:var(--radius-button);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);cursor:pointer;border:none;transition:background .12s,opacity .12s,box-shadow .12s,color .12s;white-space:nowrap;text-decoration:none;outline:none}.btn:focus-visible{box-shadow:var(--effect-focus-brand)}.btn svg{width:16px;height:16px;flex-shrink:0}.btn-primary{background:var(--color-brand-primary);color:var(--color-text-on-brand)}.btn-primary:hover:not(:disabled){background:var(--color-brand-hover)}.btn-primary:active:not(:disabled){background:var(--color-brand-pressed)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text-primary);border:1px solid var(--color-border-base)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-3)}.btn-danger{background:var(--color-danger-surface);color:var(--color-danger-base);border:1px solid transparent}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover-bg)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text-primary)}.btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.btn-sm{height:var(--space-button-h-sm);padding:var(--space-button-y-sm) var(--space-button-x-sm);font-size:var(--font-size-12)}.btn-sm svg{width:14px;height:14px}.segmented-control{display:flex;background:var(--color-surface-2);border:1px solid var(--color-border-base);border-radius:var(--radius-xl);padding:3px;gap:2px}.seg-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);padding:6px var(--space-12);border-radius:calc(var(--radius-xl) - 3px);font-size:var(--font-size-13, 13px);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);cursor:pointer;border:none;background:transparent;color:var(--color-text-secondary);transition:background .12s,color .12s,box-shadow .12s;white-space:nowrap;outline:none}.seg-btn:hover{color:var(--color-text-primary)}.seg-btn.active{background:var(--color-surface-1);color:var(--color-text-primary);box-shadow:var(--effect-elevation-1)}.seg-btn.active-brand{background:var(--color-brand-primary);color:var(--color-text-on-brand);box-shadow:var(--effect-elevation-1)}.table-wrap{overflow-x:auto;border-radius:var(--radius-2xl);border:1px solid var(--color-border-base)}table{width:100%;border-collapse:collapse;font-size:var(--font-size-14)}thead th{background:var(--color-surface-2);padding:var(--space-10) var(--space-16);text-align:left;font-size:var(--font-size-11, 11px);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--color-border-base);white-space:nowrap}tbody tr{border-bottom:1px solid var(--color-border-base);transition:background 80ms}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--color-surface-hover)}tbody td{padding:var(--space-12) var(--space-16);color:var(--color-text-primary);vertical-align:middle}.cell-muted{color:var(--color-text-secondary);font-size:var(--font-size-12)}.cell-mono{font-family:var(--font-family-mono);font-size:var(--font-size-12)}.badge{display:inline-flex;align-items:center;gap:var(--space-4);padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--font-size-11, 11px);font-weight:var(--font-weight-medium);white-space:nowrap;line-height:1.6}.badge-green{background:var(--color-success-subtle);color:var(--color-success-base)}.badge-red{background:var(--color-danger-surface);color:var(--color-danger-base)}.badge-blue{background:var(--color-brand-muted);color:var(--color-brand-primary)}.badge-amber{background:var(--color-warning-surface);color:var(--color-warning-base)}.badge-gray{background:var(--color-surface-2);color:var(--color-text-secondary)}.form-group{display:flex;flex-direction:column;gap:var(--space-6)}.form-label{font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.01em}.form-hint{font-size:var(--font-size-12);color:var(--color-text-secondary);line-height:1.4;margin-top:2px}.form-input{height:var(--space-button-h-md);padding:0 var(--space-12);background:var(--color-surface-2);border:1px solid var(--color-border-base);border-radius:var(--radius-medium);color:var(--color-text-primary);font-size:var(--font-size-14);font-family:var(--font-family-base);outline:none;transition:border-color .12s,box-shadow .12s;width:100%}.form-input:hover{border-color:var(--color-border-strong)}.form-input:focus{border-color:var(--color-brand-primary);box-shadow:var(--effect-focus-brand)}.form-input::placeholder{color:var(--color-text-secondary);opacity:.7}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-20);animation:backdropIn .18s ease}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal{background:var(--color-surface-1);border:1px solid var(--color-border-base);border-radius:var(--radius-2xl);padding:var(--space-24);width:100%;max-width:480px;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;box-shadow:var(--effect-elevation-3);animation:modalSlideUp .2s cubic-bezier(.22,1,.36,1)}.modal-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-14);padding-right:4px;margin-right:-4px}.modal-title{font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-20);flex-shrink:0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-8);margin-top:var(--space-20);padding-top:var(--space-16);border-top:1px solid var(--color-border-base);flex-shrink:0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-24);gap:var(--space-16)}.page-title{font-size:var(--font-size-24);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.2}.page-subtitle{font-size:var(--font-size-14);color:var(--color-text-secondary);margin-top:var(--space-4)}.alert-warning{background:var(--color-warning-surface);border:1px solid var(--color-warning-base);border-radius:var(--radius-medium);padding:var(--space-12) var(--space-16);font-size:var(--font-size-14);color:var(--color-warning-base)}.success-banner{background:var(--color-success-subtle);border:1px solid var(--color-success-base);border-radius:var(--radius-2xl);padding:var(--space-16);margin-bottom:var(--space-16)}.success-banner p{font-size:var(--font-size-14);color:var(--color-success-base);margin-bottom:var(--space-10)}.error-msg{background:var(--color-danger-surface);color:var(--color-danger-base);border:1px solid var(--color-danger-base);border-radius:var(--radius-medium);padding:var(--space-12) var(--space-16);font-size:var(--font-size-14)}.divider{height:1px;background:var(--color-border-base);margin:var(--space-16) 0}.loading{display:flex;align-items:center;justify-content:center;padding:80px var(--space-20);color:var(--color-text-secondary);gap:var(--space-10)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px var(--space-20);color:var(--color-text-secondary);text-align:center;gap:var(--space-12)}.empty-state svg{opacity:.35}.empty-state-title{font-size:var(--font-size-16);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.empty-state-desc{font-size:var(--font-size-14);color:var(--color-text-secondary);opacity:.7}.copy-box{display:flex;align-items:center;gap:var(--space-8);background:var(--color-surface-2);border:1px solid var(--color-border-base);border-radius:var(--radius-medium);padding:var(--space-10) var(--space-12)}.copy-box code{flex:1;font-family:var(--font-family-mono);font-size:var(--font-size-12);color:var(--color-success-base);word-break:break-all}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--color-border-strong);border-top-color:var(--color-brand-primary);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.back-link{display:inline-flex;align-items:center;gap:var(--space-6);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-14);margin-bottom:var(--space-16);transition:color .12s}.back-link:hover{color:var(--color-text-primary)}.flex-row{display:flex;align-items:center;gap:var(--space-8)}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16)}.mt-16{margin-top:var(--space-16)}.mt-24{margin-top:var(--space-24)}.gap-8{gap:var(--space-8)}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}}