:root{--canopy-primary: #1976d2;--canopy-primary-light: #42a5f5;--canopy-primary-dark: #1565c0;--canopy-primary-contrast: #ffffff;--canopy-brand: #063B59;--canopy-brand-variant: #1e3a5f;--canopy-brand-gradient: linear-gradient(135deg, #1e3a5f 0%, #2d5a87 100%);--canopy-secondary: #9c27b0;--canopy-secondary-light: #ba68c8;--canopy-secondary-dark: #7b1fa2;--canopy-secondary-contrast: #ffffff;--canopy-accent: #e29225;--canopy-accent-light: #f59e0b;--canopy-accent-dark: #d97706;--canopy-success: #2e7d32;--canopy-success-light: #4caf50;--canopy-success-dark: #1b5e20;--canopy-success-bg: #e8f5e9;--canopy-success-contrast: #ffffff;--canopy-warning: #ed6c02;--canopy-warning-light: #ff9800;--canopy-warning-dark: #e65100;--canopy-warning-bg: #fff3e0;--canopy-warning-contrast: #ffffff;--canopy-error: #d32f2f;--canopy-error-light: #ef5350;--canopy-error-dark: #c62828;--canopy-error-bg: #ffebee;--canopy-error-contrast: #ffffff;--canopy-info: #0288d1;--canopy-info-light: #03a9f4;--canopy-info-dark: #01579b;--canopy-info-bg: #e3f2fd;--canopy-info-contrast: #ffffff;--canopy-gray-50: #fafafa;--canopy-gray-100: #f5f5f5;--canopy-gray-200: #eeeeee;--canopy-gray-300: #e0e0e0;--canopy-gray-400: #bdbdbd;--canopy-gray-500: #9e9e9e;--canopy-gray-600: #757575;--canopy-gray-700: #616161;--canopy-gray-800: #424242;--canopy-gray-900: #212121;--canopy-bg-default: #f5f5f5;--canopy-bg-paper: #ffffff;--canopy-bg-elevated: #ffffff;--canopy-white-semi: rgba(255, 255, 255, .95);--canopy-text-primary: rgba(0, 0, 0, .87);--canopy-text-secondary: rgba(0, 0, 0, .6);--canopy-text-disabled: rgba(0, 0, 0, .38);--canopy-text-inverse: #ffffff;--canopy-font-sans: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--canopy-font-mono: "SF Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--canopy-text-xs: .75rem;--canopy-text-sm: .875rem;--canopy-text-base: 1rem;--canopy-text-lg: 1.125rem;--canopy-text-xl: 1.25rem;--canopy-text-2xl: 1.5rem;--canopy-text-3xl: 1.875rem;--canopy-text-4xl: 2.25rem;--canopy-font-normal: 400;--canopy-font-medium: 500;--canopy-font-semibold: 600;--canopy-font-bold: 700;--canopy-leading-none: 1;--canopy-leading-tight: 1.25;--canopy-leading-snug: 1.375;--canopy-leading-normal: 1.5;--canopy-leading-relaxed: 1.625;--canopy-spacing-0: 0;--canopy-spacing-1: .25rem;--canopy-spacing-2: .5rem;--canopy-spacing-3: .75rem;--canopy-spacing-4: 1rem;--canopy-spacing-5: 1.25rem;--canopy-spacing-6: 1.5rem;--canopy-spacing-8: 2rem;--canopy-spacing-10: 2.5rem;--canopy-spacing-12: 3rem;--canopy-spacing-16: 4rem;--canopy-spacing-20: 5rem;--canopy-spacing-xs: var(--canopy-spacing-1);--canopy-spacing-sm: var(--canopy-spacing-2);--canopy-spacing-md: var(--canopy-spacing-4);--canopy-spacing-lg: var(--canopy-spacing-6);--canopy-spacing-xl: var(--canopy-spacing-8);--canopy-border-default: 1px solid rgba(0, 0, 0, .12);--canopy-border-light: 1px solid rgba(0, 0, 0, .08);--canopy-border-brand: rgba(6, 59, 89, .12);--canopy-radius-none: 0;--canopy-radius-sm: 4px;--canopy-radius-md: 8px;--canopy-radius-lg: 12px;--canopy-radius-xl: 16px;--canopy-radius-2xl: 24px;--canopy-radius-full: 9999px;--canopy-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--canopy-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--canopy-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--canopy-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--canopy-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--canopy-transition-fast: .15s ease;--canopy-transition-normal: .2s ease;--canopy-transition-slow: .3s ease;--canopy-header-height: 64px;--canopy-sidebar-width: 280px;--canopy-content-max-width: 1400px;--canopy-z-dropdown: 1000;--canopy-z-sticky: 1020;--canopy-z-fixed: 1030;--canopy-z-modal-backdrop: 1040;--canopy-z-modal: 1050;--canopy-z-popover: 1060;--canopy-z-tooltip: 1070}[data-theme=dark],.dark{--canopy-bg-default: #121212;--canopy-bg-paper: #1e1e1e;--canopy-bg-elevated: #2d2d2d;--canopy-text-primary: #ffffff;--canopy-text-secondary: rgba(255, 255, 255, .7);--canopy-text-disabled: rgba(255, 255, 255, .5)}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.auth-checking{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#636e72}.spinner{width:40px;height:40px;border:3px solid #e9ecef;border-top-color:#063b59;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.page-container{padding:1.5rem 2rem;max-width:1400px;margin:0 auto;width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:600;color:#1a1a2e;margin:0}.page-header-actions{display:flex;gap:.75rem}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:1.5rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:1rem;font-weight:600;color:#1a1a2e;margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 1px 3px #00000014}.kpi-label{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.kpi-value{font-size:1.75rem;font-weight:700;color:#1a1a2e}.kpi-change{font-size:.85rem;margin-top:.25rem}.kpi-change.positive{color:#27ae60}.kpi-change.negative{color:#e74c3c}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.model-card{background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 1px 3px #00000014;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.model-card:hover{box-shadow:0 4px 12px #0000001f;border-color:#063b59}.model-card-title{font-size:1.1rem;font-weight:600;color:#1a1a2e;margin:0 0 .5rem}.model-card-meta{font-size:.85rem;color:#888}.model-card-status{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.model-card-status.draft{background:#f0f0f0;color:#666}.model-card-status.in_progress{background:#e3f2fd;color:#1565c0}.model-card-status.review{background:#fff3e0;color:#e65100}.model-card-status.approved{background:#e8f5e9;color:#2e7d32}.model-card-status.locked{background:#fce4ec;color:#c62828}.empty-state{text-align:center;padding:3rem 2rem;color:#888}.empty-state h3{font-size:1.25rem;color:#555;margin-bottom:.5rem}.empty-state p{font-size:.95rem;margin-bottom:1.5rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#063b59;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-primary:hover{background:#0a4d73}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;color:#333;border:1px solid #ddd;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f5f5f5;border-color:#bbb}@media(max-width:768px){.page-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.kpi-grid{grid-template-columns:repeat(2,1fr)}.model-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--canopy-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}