:root{--sl-color-primary-50: #eff6ff;--sl-color-primary-100: #dbeafe;--sl-color-primary-200: #bfdbfe;--sl-color-primary-300: #93c5fd;--sl-color-primary-400: #60a5fa;--sl-color-primary-500: #3b82f6;--sl-color-primary-600: #2563eb;--sl-color-primary-700: #1d4ed8;--sl-color-primary-800: #1e40af;--sl-color-primary-900: #1e3a8a;--sl-color-primary-950: #172554;--sl-color-success-50: #ecfdf5;--sl-color-success-100: #d1fae5;--sl-color-success-200: #a7f3d0;--sl-color-success-300: #6ee7b7;--sl-color-success-400: #34d399;--sl-color-success-500: #10b981;--sl-color-success-600: #059669;--sl-color-success-700: #047857;--sl-color-success-800: #065f46;--sl-color-success-900: #064e3b;--sl-color-success-950: #022c22;--sl-color-warning-50: #fffbeb;--sl-color-warning-100: #fef3c7;--sl-color-warning-200: #fde68a;--sl-color-warning-300: #fcd34d;--sl-color-warning-400: #fbbf24;--sl-color-warning-500: #f59e0b;--sl-color-warning-600: #d97706;--sl-color-warning-700: #b45309;--sl-color-warning-800: #92400e;--sl-color-warning-900: #78350f;--sl-color-warning-950: #451a03;--sl-color-danger-50: #fef2f2;--sl-color-danger-100: #fee2e2;--sl-color-danger-200: #fecaca;--sl-color-danger-300: #fca5a5;--sl-color-danger-400: #f87171;--sl-color-danger-500: #ef4444;--sl-color-danger-600: #dc2626;--sl-color-danger-700: #b91c1c;--sl-color-danger-800: #991b1b;--sl-color-danger-900: #7f1d1d;--sl-color-danger-950: #450a0a;--sl-color-neutral-0: #ffffff;--sl-color-neutral-50: #f8fafc;--sl-color-neutral-100: #f1f5f9;--sl-color-neutral-200: #e2e8f0;--sl-color-neutral-300: #cbd5e1;--sl-color-neutral-400: #94a3b8;--sl-color-neutral-500: #64748b;--sl-color-neutral-600: #475569;--sl-color-neutral-700: #334155;--sl-color-neutral-800: #1e293b;--sl-color-neutral-900: #0f172a;--sl-color-neutral-950: #020617;--sl-spacing-3x-small: .125rem;--sl-spacing-2x-small: .25rem;--sl-spacing-x-small: .5rem;--sl-spacing-small: .75rem;--sl-spacing-medium: 1rem;--sl-spacing-large: 1.5rem;--sl-spacing-x-large: 2rem;--sl-spacing-2x-large: 3rem;--sl-spacing-3x-large: 4rem;--sl-spacing-4x-large: 5rem;--sl-border-radius-small: .25rem;--sl-border-radius-medium: .5rem;--sl-border-radius-large: .75rem;--sl-border-radius-x-large: 1rem;--sl-border-radius-circle: 50%;--sl-border-radius-pill: 9999px;--sl-shadow-x-small: 0 1px 2px rgba(0, 0, 0, .05);--sl-shadow-small: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--sl-shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--sl-shadow-large: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--sl-shadow-x-large: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--sl-font-size-2x-small: .625rem;--sl-font-size-x-small: .75rem;--sl-font-size-small: .875rem;--sl-font-size-medium: 1rem;--sl-font-size-large: 1.125rem;--sl-font-size-x-large: 1.25rem;--sl-font-size-2x-large: 1.5rem;--sl-font-size-3x-large: 1.875rem;--sl-font-size-4x-large: 2.25rem;--sl-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft JhengHei", sans-serif;--sl-font-serif: Georgia, "Times New Roman", serif;--sl-font-mono: "Monaco", "Menlo", "Courier New", monospace;--sl-font-weight-light: 300;--sl-font-weight-normal: 400;--sl-font-weight-medium: 500;--sl-font-weight-semibold: 600;--sl-font-weight-bold: 700;--sl-line-height-dense: 1.4;--sl-line-height-normal: 1.5;--sl-line-height-loose: 2;--sl-transition-x-slow: 1s;--sl-transition-slow: .5s;--sl-transition-medium: .3s;--sl-transition-fast: .2s;--sl-transition-x-fast: .15s;--sl-z-index-drawer: 700;--sl-z-index-dialog: 800;--sl-z-index-dropdown: 1000;--sl-z-index-toast: 950;--sl-z-index-tooltip: 1070;--sl-input-height-small: 1.875rem;--sl-input-height-medium: 2.5rem;--sl-input-height-large: 3.125rem;--sl-button-font-size-small: var(--sl-font-size-x-small);--sl-button-font-size-medium: var(--sl-font-size-small);--sl-button-font-size-large: var(--sl-font-size-medium);--sl-input-border-color: var(--sl-color-neutral-300);--sl-input-border-color-hover: var(--sl-color-primary-600);--sl-input-border-color-focus: var(--sl-color-primary-600);--sl-input-border-width: 1px;--sl-input-border-radius-small: var(--sl-border-radius-small);--sl-input-border-radius-medium: var(--sl-border-radius-medium);--sl-input-border-radius-large: var(--sl-border-radius-large);--sl-input-background-color: var(--sl-color-neutral-0);--sl-input-background-color-hover: var(--sl-color-neutral-0);--sl-input-background-color-focus: var(--sl-color-neutral-0);--sl-input-background-color-disabled: var(--sl-color-neutral-100);--sl-input-color: var(--sl-color-neutral-900);--sl-input-color-hover: var(--sl-color-neutral-900);--sl-input-color-focus: var(--sl-color-neutral-900);--sl-input-color-disabled: var(--sl-color-neutral-400);--sl-input-placeholder-color: var(--sl-color-neutral-400);--sl-input-placeholder-color-disabled: var(--sl-color-neutral-600);--sl-overlay-background-color: rgba(0, 0, 0, .5);--sl-panel-background-color: var(--sl-color-neutral-0);--sl-panel-border-color: var(--sl-color-neutral-200);--sl-panel-border-width: 1px;--sl-tooltip-background-color: var(--sl-color-neutral-900);--sl-tooltip-color: var(--sl-color-neutral-0);--sl-tooltip-padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-small);--sl-tooltip-border-radius: var(--sl-border-radius-small);--sl-focus-ring-color: var(--sl-color-primary-600);--sl-focus-ring-width: 3px;--sl-focus-ring-offset: 0px;--sl-focus-ring: 0 0 0 var(--sl-focus-ring-width) var(--sl-focus-ring-color)}[data-theme=dark]{--sl-color-primary-50: #172554;--sl-color-primary-100: #1e3a8a;--sl-color-primary-200: #1e40af;--sl-color-primary-300: #1d4ed8;--sl-color-primary-400: #2563eb;--sl-color-primary-500: #3b82f6;--sl-color-primary-600: #60a5fa;--sl-color-primary-700: #93c5fd;--sl-color-primary-800: #bfdbfe;--sl-color-primary-900: #dbeafe;--sl-color-primary-950: #eff6ff;--sl-color-neutral-0: #0f172a;--sl-color-neutral-50: #1e293b;--sl-color-neutral-100: #334155;--sl-color-neutral-200: #475569;--sl-color-neutral-300: #64748b;--sl-color-neutral-400: #94a3b8;--sl-color-neutral-500: #cbd5e1;--sl-color-neutral-600: #e2e8f0;--sl-color-neutral-700: #f1f5f9;--sl-color-neutral-800: #f8fafc;--sl-color-neutral-900: #ffffff;--sl-color-neutral-950: #ffffff;--sl-input-background-color: #1e293b;--sl-input-background-color-hover: #334155;--sl-input-background-color-focus: #334155;--sl-input-background-color-disabled: #0f172a;--sl-input-border-color: #475569;--sl-input-border-color-hover: #60a5fa;--sl-input-border-color-focus: #60a5fa;--sl-input-color: #f8fafc;--sl-input-color-hover: #ffffff;--sl-input-color-focus: #ffffff;--sl-input-color-disabled: #64748b;--sl-input-placeholder-color: #64748b;--sl-input-placeholder-color-disabled: #475569;--sl-panel-background-color: #1e293b;--sl-panel-border-color: #334155;--sl-tooltip-background-color: #f8fafc;--sl-tooltip-color: #0f172a;--sl-overlay-background-color: rgba(0, 0, 0, .8);--sl-focus-ring-color: #60a5fa}sl-button,sl-input,sl-select,sl-textarea,sl-checkbox,sl-radio,sl-switch,sl-alert,sl-badge,sl-card,sl-dialog,sl-drawer,sl-dropdown,sl-menu,sl-menu-item,sl-tab,sl-tab-group,sl-tag,sl-tooltip{font-family:var(--sl-font-sans)}.ai-widget sl-button[variant=primary],.ai-widget sl-badge[variant=primary]{--sl-color-primary-600: #00d4ff}sl-alert[variant=success]::part(base){border-left:4px solid var(--sl-color-success-600)}sl-alert[variant=warning]::part(base){border-left:4px solid var(--sl-color-warning-600)}sl-alert[variant=danger]::part(base){border-left:4px solid var(--sl-color-danger-600)}@media (max-width: 768px){:root{--sl-spacing-small: .5rem;--sl-spacing-medium: .75rem;--sl-spacing-large: 1rem;--sl-font-size-medium: .875rem;--sl-font-size-large: 1rem}}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--primary-dark: #1e40af;--primary-light: #dbeafe;--secondary-color: #64748b;--secondary-hover: #475569;--bg-color: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--border-hover: #cbd5e1;--success-color: #10b981;--success-light: #d1fae5;--success-dark: #059669;--warning-color: #f59e0b;--warning-light: #fef3c7;--warning-dark: #d97706;--error-color: #ef4444;--error-light: #fee2e2;--error-dark: #dc2626;--info-color: #3b82f6;--info-light: #dbeafe;--info-dark: #2563eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft JhengHei", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2rem;--font-size-5xl: 2.5rem;--font-size-6xl: 3rem;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-info: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--gradient-warning: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-dark: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--color-blue: #3b82f6;--color-indigo: #6366f1;--color-purple: #a855f7;--color-pink: #ec4899;--color-red: #ef4444;--color-orange: #f97316;--color-yellow: #fbbf24;--color-green: #10b981;--color-teal: #14b8a6;--color-cyan: #06b6d4;--color-gray: #6b7280;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--color-cyan-bright: #00d4ff;--color-green-bright: #00ff88;--color-gold: #ffd700;--color-tomato: #ff6347;--bg-overlay-light: rgba(255, 255, 255, .05);--bg-overlay-medium: rgba(255, 255, 255, .1);--bg-overlay-strong: rgba(255, 255, 255, .15);--bg-overlay-stronger: rgba(255, 255, 255, .2);--bg-overlay-dark: rgba(0, 0, 0, .1);--bg-overlay-darker: rgba(0, 0, 0, .2);--bg-overlay-darkest: rgba(0, 0, 0, .3);--ai-highlight: var(--color-cyan-bright);--ai-success: var(--color-green-bright);--ai-border: rgba(0, 212, 255, .3);--ai-bg-overlay: rgba(0, 212, 255, .1);--status-healthy: var(--success-color);--status-warning: var(--warning-color);--status-critical: var(--error-color);--status-info: var(--info-color);--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-slower: .5s;--header-height: 60px;--sidebar-width: 240px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-family);font-size:16px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;max-width:100vw}#app{height:100%;width:100%;max-width:100vw;display:flex;flex-direction:column;overflow-x:hidden}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:Monaco,Menlo,Courier New,monospace}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-warning{color:var(--warning-color)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}html,body{font-size:14px}}.main-layout{display:flex;height:calc(100vh - 60px)}.main-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}@media (max-width: 1024px){.main-content{padding:var(--spacing-md)}}@media (max-width: 768px){.main-content{padding:var(--spacing-sm)}.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (max-width: 1024px){.sidebar{position:fixed;left:-240px;top:60px;height:calc(100vh - 60px);z-index:1000;transition:left .3s ease;box-shadow:var(--shadow-lg)}.sidebar.active{left:0}.sidebar-overlay{position:fixed;inset:60px 0 0;background:#00000080;z-index:999;display:none}.sidebar-overlay.active{display:block}.hamburger-menu{display:flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;background:transparent;border:none;padding:0}.hamburger-menu span{display:block;width:24px;height:2px;background:var(--text-primary);position:relative;transition:all .3s ease}.hamburger-menu span:before,.hamburger-menu span:after{content:"";display:block;width:24px;height:2px;background:var(--text-primary);position:absolute;transition:all .3s ease}.hamburger-menu span:before{top:-8px}.hamburger-menu span:after{bottom:-8px}.hamburger-menu.active span{background:transparent}.hamburger-menu.active span:before{top:0;transform:rotate(45deg)}.hamburger-menu.active span:after{bottom:0;transform:rotate(-45deg)}}@media (min-width: 1025px){.hamburger-menu{display:none}}.widget-title{position:relative;display:flex;justify-content:space-between;align-items:center}.info-icon{cursor:pointer;font-size:14px;opacity:.6;transition:all .2s ease;padding:4px 6px;border-radius:4px;-webkit-user-select:none;user-select:none}.info-icon:hover{opacity:1;background:#ffffff1a;transform:scale(1.1)}.panel-info-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.panel-info-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:600px;width:90%;max-height:80vh;overflow:hidden;animation:slideUp .3s ease;border:1px solid rgba(0,212,255,.3)}.panel-info-header{padding:20px 24px;background:linear-gradient(135deg,#00d4ff26,#0096ff26);border-bottom:1px solid rgba(0,212,255,.2);display:flex;justify-content:space-between;align-items:center}.panel-info-header h3{margin:0;font-size:18px;font-weight:600;color:#00d4ff}.panel-info-close{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.panel-info-close:hover{background:#ffffff1a;transform:rotate(90deg)}.panel-info-body{padding:24px;overflow-y:auto;max-height:calc(80vh - 80px)}.panel-info-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#00d4ff;display:flex;align-items:center;gap:6px}.panel-info-section p{margin:0;font-size:13px;line-height:1.6;color:#ffffffd9}.panel-info-section pre{margin:0;font-size:12px;line-height:1.8;color:#ffffffd9;background:#0000004d;padding:12px;border-radius:6px;border-left:3px solid #00D4FF;white-space:pre-wrap;font-family:Consolas,Monaco,Courier New,monospace}@media (max-width: 768px){.panel-info-modal{max-width:95%;max-height:90vh}.panel-info-header h3{font-size:16px}.panel-info-body{padding:16px}.panel-info-section h4{font-size:13px}.panel-info-section p{font-size:12px}.panel-info-section pre{font-size:11px;padding:10px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:90vh;overflow:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s}.btn-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--spacing-md);background:var(--bg-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-secondary);font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.form-group textarea{resize:vertical;min-height:100px}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-danger{background:var(--error-color);color:#fff}.btn-danger:hover{background:var(--error-dark)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.btn-icon{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:var(--spacing-xs);transition:transform .2s;border-radius:var(--radius-sm)}.btn-icon:hover{transform:scale(1.2);background:var(--bg-secondary)}.table-container{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.table{width:100%;border-collapse:collapse}.table thead{background:var(--bg-secondary)}.table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-secondary);font-size:.875rem;border-bottom:1px solid var(--border-color)}.table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.table tbody tr:hover{background:var(--bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.data-table{width:100%;border-collapse:collapse;background:var(--bg-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px #0000001a}.data-table thead{background:var(--bg-secondary)}.data-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.data-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.data-table tbody tr:hover{background:var(--bg-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.table-actions{display:flex;gap:var(--spacing-sm);align-items:center}.card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.card-title{font-size:1rem;font-weight:600;margin:0}.badge{padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;display:inline-block}.badge-primary{background:var(--primary-light);color:var(--primary-color)}.badge-success{background:var(--success-light);color:var(--success-color)}.badge-warning{background:var(--warning-light);color:var(--warning-color)}.badge-error{background:var(--error-light);color:var(--error-color)}.badge-info{background:var(--info-light);color:var(--info-color)}.badge-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.badge-version{background:var(--primary-light);color:var(--primary-color);font-weight:600}.status-badge{padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.status-active{background:var(--success-light);color:var(--success-color)}.status-inactive{background:var(--error-light);color:var(--error-color)}.empty-state{text-align:center;padding:calc(var(--spacing-xl) * 3);background:var(--bg-color);border-radius:var(--radius-lg);border:2px dashed var(--border-color)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--text-secondary);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all .2s}.stat-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.stat-icon{font-size:2.5rem}.stat-info{flex:1}.stat-value{font-size:var(--font-size-4xl);font-weight:700;color:var(--primary-color)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.stat-card.stat-primary{border-left:4px solid var(--primary-color)}.stat-card.stat-info{border-left:4px solid var(--info-color)}.stat-card.stat-success{border-left:4px solid var(--success-color)}.stat-card.stat-warning{border-left:4px solid var(--warning-color)}.stat-card.stat-danger,.stat-card.stat-error{border-left:4px solid var(--error-color)}.stat-card.stat-alert{border-left:4px solid #ff3b30}.stat-card.stat-critical{border-left:4px solid #8b0000}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-header h2{margin:0;font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.page-header p,.page-header .text-secondary,.page-header .text-muted{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.page-header-with-info{margin-bottom:var(--spacing-xl)}.page-header-with-info h2{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.page-header-with-info p{color:var(--text-secondary);margin:0}.action-buttons{display:flex;gap:var(--spacing-sm);align-items:center}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.tabs{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.tab-list{display:flex;gap:var(--spacing-md);list-style:none;margin:0;padding:0}.tab-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-weight:500;color:var(--text-secondary)}.tab-item:hover{color:var(--primary-color)}.tab-item.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.table-container{overflow-x:auto;width:100%;max-width:100%}.table{min-width:600px}@media (max-width: 768px){.modal-content{width:95%;max-width:95vw;max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}.table{min-width:100%;font-size:.875rem}.table th,.table td{padding:var(--spacing-sm)}.card{padding:var(--spacing-md)}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.btn-sm{padding:6px 12px;font-size:.75rem}.alert{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.badge{padding:3px 8px;font-size:.7rem}}@media (max-width: 480px){.modal-content{width:100%;max-width:100vw;border-radius:0;max-height:100vh}.table{font-size:.75rem}.table th,.table td{padding:6px}}.bg-white-5{background:var(--bg-overlay-light)}.bg-white-10{background:var(--bg-overlay-medium)}.bg-white-15{background:var(--bg-overlay-strong)}.bg-white-20{background:var(--bg-overlay-stronger)}.bg-black-10{background:var(--bg-overlay-dark)}.bg-black-20{background:var(--bg-overlay-darker)}.bg-black-30{background:var(--bg-overlay-darkest)}.bg-ai-overlay{background:var(--ai-bg-overlay)}.bg-ai-highlight{background:var(--ai-highlight)}.bg-ai-success{background:#00ff881a}.text-success{color:var(--success-color)!important}.text-warning{color:var(--warning-color)!important}.text-error,.text-danger{color:var(--error-color)!important}.text-info{color:var(--info-color)!important}.text-primary{color:var(--primary-color)!important}.text-healthy{color:var(--status-healthy)!important}.text-critical{color:var(--status-critical)!important}.text-ai-highlight{color:var(--ai-highlight)!important}.text-ai-success{color:var(--ai-success)!important}.text-gold{color:var(--color-gold)!important}.bg-success-light{background:var(--success-light)}.bg-warning-light{background:var(--warning-light)}.bg-error-light{background:var(--error-light)}.bg-info-light{background:var(--info-light)}.bg-primary-light{background:var(--primary-light)}.border-success{border-color:var(--success-color)!important}.border-warning{border-color:var(--warning-color)!important}.border-error{border-color:var(--error-color)!important}.border-info{border-color:var(--info-color)!important}.border-primary{border-color:var(--primary-color)!important}.border-ai{border-color:var(--ai-border)!important}.trend-up:before{content:"↑";margin-right:4px}.trend-down:before{content:"↓";margin-right:4px}.trend-neutral{color:var(--text-secondary)}.trend-neutral:before{content:"→";margin-right:4px}.metric-value{font-size:var(--font-size-4xl);font-weight:700;color:var(--primary-color);line-height:1.2}.metric-value-sm{font-size:var(--font-size-2xl);font-weight:700;line-height:1.2}.metric-value-lg{font-size:var(--font-size-5xl);font-weight:700;line-height:1.2}.metric-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;margin-bottom:var(--spacing-xs)}.indicator-card{text-align:center;padding:var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-base)}.indicator-card-primary{background:#2196f31a}.indicator-card-success{background:#4caf501a}.indicator-card-warning{background:#ff98001a}.indicator-card-error{background:var(--error-light)}.recommendation-item{padding:var(--spacing-md);border-left:3px solid var(--primary-color);background:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);transition:all var(--transition-base)}.recommendation-item:hover{background:var(--bg-tertiary);transform:translate(4px)}.recommendation-item-success{border-left-color:var(--success-color)}.recommendation-item-warning{border-left-color:var(--warning-color)}.recommendation-item-info{border-left-color:var(--info-color)}.defect-rank{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);transition:all var(--transition-base)}.defect-rank:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.defect-rank-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary-color);border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-sm);margin-right:var(--spacing-md)}.progress-bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary-color);transition:width var(--transition-slow);border-radius:var(--radius-full)}.progress-bar-fill.success{background:var(--success-color)}.progress-bar-fill.warning{background:var(--warning-color)}.progress-bar-fill.error{background:var(--error-color)}.action-bar{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.sensen-chatbot{position:fixed;bottom:20px;right:20px;z-index:9999;font-family:Segoe UI,微軟正黑體,sans-serif}.sensen-fab{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #667eea66;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:visible}.sensen-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea99}.sensen-fab.active{transform:scale(.9)}.sensen-fab:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.sensen-fab:active:before{width:100%;height:100%}.sensen-icon{font-size:28px;line-height:1;margin-bottom:2px}.sensen-label{font-size:10px;color:#fff;font-weight:700;margin-top:2px}.sensen-alert-badge{position:absolute;top:-4px;right:-4px;background:#ff4757;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 8px #ff475780;animation:alertPulse 2s infinite;z-index:10}@keyframes alertPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sensen-chat-window{position:fixed;bottom:100px;right:20px;width:560px;height:800px;max-height:calc(100vh - 140px);background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease;transition:width .3s ease,height .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sensen-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}.sensen-header-info{display:flex;align-items:center;gap:12px}.sensen-avatar{font-size:32px;line-height:1}.sensen-header-text{display:flex;flex-direction:column}.sensen-name{font-size:18px;font-weight:700}.sensen-status{font-size:12px;opacity:.9;display:flex;align-items:center;gap:6px}.sensen-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#4ade80;animation:pulse 2s infinite}.sensen-header-actions{display:flex;gap:8px}.sensen-btn-icon{background:#fff3;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s ease}.sensen-btn-icon:hover{background:#ffffff4d;transform:scale(1.1)}.sensen-messages{flex:1;overflow-y:auto;padding:16px;background:#f8f9fa;display:flex;flex-direction:column;gap:12px}.sensen-messages::-webkit-scrollbar{width:6px}.sensen-messages::-webkit-scrollbar-track{background:#f1f1f1}.sensen-messages::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.sensen-messages::-webkit-scrollbar-thumb:hover{background:#a0aec0}.sensen-empty{text-align:center;color:#a0aec0;padding:32px;font-size:14px}.sensen-message{display:flex;gap:8px;align-items:flex-end;animation:messageIn .3s ease}@keyframes messageIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.sensen-message-user{flex-direction:row-reverse}.sensen-msg-avatar{font-size:24px;line-height:1;flex-shrink:0}.sensen-message-content{max-width:70%;display:flex;flex-direction:column;gap:4px}.sensen-message-text{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5;word-wrap:break-word}.sensen-message-assistant .sensen-message-text{background:#fff;color:#2d3748;border-bottom-left-radius:4px;box-shadow:0 2px 8px #00000014}.sensen-message-user .sensen-message-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 8px #667eea4d}.sensen-message-time{font-size:11px;color:#a0aec0;padding:0 8px}.sensen-message-user .sensen-message-time{text-align:right}.sensen-message-text strong{font-weight:700;color:#667eea}.sensen-message-user .sensen-message-text strong{color:gold}.sensen-message-text em{font-style:italic}.sensen-message-text code{background:#0000000d;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.sensen-message-user .sensen-message-text code{background:#fff3}.sensen-quick-actions{padding:12px 16px;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap}.sensen-quick-actions::-webkit-scrollbar{height:4px}.sensen-quick-actions::-webkit-scrollbar-track{background:#f1f1f1}.sensen-quick-actions::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.sensen-quick-btn{flex-shrink:0;padding:8px 12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:20px;font-size:13px;color:#4a5568;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sensen-quick-btn:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}.sensen-input-area{padding:16px;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:12px;align-items:flex-end}.sensen-input{flex:1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;line-height:1.5;resize:none;outline:none;font-family:Segoe UI,微軟正黑體,sans-serif;transition:all .2s ease;max-height:120px}.sensen-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.sensen-input:disabled{background:#f7fafc;cursor:not-allowed}.sensen-send-btn{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sensen-send-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #667eea66}.sensen-send-btn:active:not(:disabled){transform:scale(.95)}.sensen-send-btn:disabled{opacity:.5;cursor:not-allowed}.sensen-processing{padding:12px 16px;background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;align-items:center;gap:12px;font-size:13px;color:#667eea}.sensen-typing{display:flex;gap:4px}.sensen-typing span{width:8px;height:8px;border-radius:50%;background:#667eea;animation:typing 1.4s infinite}.sensen-typing span:nth-child(2){animation-delay:.2s}.sensen-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}@media (max-width: 768px){.sensen-chat-window{width:calc(100vw - 40px);height:calc(100vh - 140px);bottom:100px;right:20px}.sensen-message-content{max-width:80%}}@media (max-width: 480px){.sensen-fab{width:56px;height:56px}.sensen-icon{font-size:24px}.sensen-label{font-size:9px}.sensen-chat-window{width:calc(100vw - 20px);height:calc(100vh - 100px);bottom:80px;right:10px}.sensen-quick-actions{gap:6px;padding:10px 12px}.sensen-quick-btn{padding:6px 10px;font-size:12px}}.sensen-voice-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;margin-right:8px;box-shadow:0 2px 8px #667eea4d}.sensen-voice-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea80}.sensen-voice-btn:active{transform:scale(.95)}.sensen-voice-btn span{font-size:20px;line-height:1}.sensen-voice-btn.listening{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#c92a2a)}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ff6b6b4d}50%{transform:scale(1.05);box-shadow:0 4px 16px #ff6b6b99}}.sensen-btn-icon.active{background:#667eea33;color:#667eea}.sensen-btn-icon{transition:all .2s ease}.sensen-btn-icon:hover{background:#667eea1a}.sensen-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-bottom:2px;border:2px solid rgba(255,255,255,.8)}.sensen-avatar-img-header{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:12px;border:2px solid rgba(102,126,234,.2)}.sensen-msg-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:8px;flex-shrink:0;border:2px solid rgba(102,126,234,.1)}.sensen-assistant-menu{position:absolute;top:60px;left:10px;right:10px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:12px;z-index:1000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sensen-menu-header{font-size:14px;font-weight:700;color:#333;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #eee}.sensen-assistant-option{width:100%;padding:12px;margin-bottom:8px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.sensen-assistant-option:hover{border-color:#667eea;background:#667eea0d}.sensen-assistant-option.active{border-color:#667eea;background:#667eea1a}.sensen-option-name{font-size:15px;font-weight:700;color:#333;margin-bottom:4px}.sensen-option-desc{font-size:12px;color:#666}.sensen-menu-note{margin-top:8px;padding:8px;background:#667eea0d;border-radius:6px;font-size:12px;color:#667eea;text-align:center}.sensen-help-menu{position:absolute;top:60px;left:10px;right:10px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:12px;z-index:1000;animation:slideDown .2s ease;max-height:500px;overflow-y:auto}.sensen-help-menu::-webkit-scrollbar{width:6px}.sensen-help-menu::-webkit-scrollbar-track{background:#f1f1f1}.sensen-help-menu::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.sensen-help-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.sensen-help-section:last-child{border-bottom:none;margin-bottom:0}.sensen-help-title{font-size:14px;font-weight:700;color:#667eea;margin-bottom:8px;display:flex;align-items:center;gap:6px}.sensen-help-examples{font-size:13px;color:#4a5568;line-height:1.8;padding-left:8px}.sensen-help-note{margin-top:12px;padding:10px;background:#667eea0d;border-radius:8px;font-size:12px;color:#667eea;line-height:1.6}.sensen-full-help-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:none;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease}.sensen-full-help-content{background:#fff;border-radius:16px;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.sensen-full-help-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #eee;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0}.sensen-full-help-header h2{margin:0;font-size:24px;color:#fff;font-weight:600}.sensen-modal-close{background:#fff3;border:none;color:#fff;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sensen-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.sensen-full-help-body{padding:32px;overflow-y:auto;flex:1}.help-section{margin-bottom:32px}.help-section h3{margin:0 0 16px;font-size:20px;color:#333;font-weight:600;border-left:4px solid #667eea;padding-left:12px}.help-section p{margin:12px 0;line-height:1.8;color:#555}.help-note{background:linear-gradient(135deg,#667eea15,#764ba215);border-left:4px solid #667eea;padding:12px 16px;margin:16px 0;border-radius:4px;color:#667eea;font-weight:500}.help-example{background:#f8f9fa;border-radius:8px;padding:16px;margin:12px 0}.help-example-title{font-weight:600;color:#667eea;margin-bottom:8px;font-size:15px}.help-example-content{line-height:1.8;color:#555;font-size:14px}.help-example-content strong{color:#333;font-weight:600}.help-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.help-tip{display:flex;gap:12px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;transition:all .2s ease}.help-tip:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tip-icon{font-size:24px;flex-shrink:0}.tip-content{flex:1}.tip-content strong{display:block;margin-bottom:4px;color:#333;font-size:14px}.tip-content br+text{font-size:13px;color:#666}.help-footer-section{background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px;padding:24px;margin-top:32px}.help-footer-note{font-weight:600;color:#667eea;margin-top:16px;font-size:15px}.sensen-full-help-btn{width:100%;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:12px;transition:all .2s ease;box-shadow:0 2px 8px #667eea4d}.sensen-full-help-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.sensen-full-help-btn:active{transform:translateY(0)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.sensen-full-help-content{width:95%;max-height:95vh}.sensen-full-help-header{padding:16px 20px}.sensen-full-help-header h2{font-size:18px}.sensen-full-help-body{padding:20px}.help-section h3{font-size:18px}.help-tips{grid-template-columns:1fr}}:root,:host,.sl-theme-light{color-scheme:light;--sl-color-gray-50: hsl(0 0% 97.5%);--sl-color-gray-100: hsl(240 4.8% 95.9%);--sl-color-gray-200: hsl(240 5.9% 90%);--sl-color-gray-300: hsl(240 4.9% 83.9%);--sl-color-gray-400: hsl(240 5% 64.9%);--sl-color-gray-500: hsl(240 3.8% 46.1%);--sl-color-gray-600: hsl(240 5.2% 33.9%);--sl-color-gray-700: hsl(240 5.3% 26.1%);--sl-color-gray-800: hsl(240 3.7% 15.9%);--sl-color-gray-900: hsl(240 5.9% 10%);--sl-color-gray-950: hsl(240 7.3% 8%);--sl-color-red-50: hsl(0 85.7% 97.3%);--sl-color-red-100: hsl(0 93.3% 94.1%);--sl-color-red-200: hsl(0 96.3% 89.4%);--sl-color-red-300: hsl(0 93.5% 81.8%);--sl-color-red-400: hsl(0 90.6% 70.8%);--sl-color-red-500: hsl(0 84.2% 60.2%);--sl-color-red-600: hsl(0 72.2% 50.6%);--sl-color-red-700: hsl(0 73.7% 41.8%);--sl-color-red-800: hsl(0 70% 35.3%);--sl-color-red-900: hsl(0 62.8% 30.6%);--sl-color-red-950: hsl(0 60% 19.6%);--sl-color-orange-50: hsl(33.3 100% 96.5%);--sl-color-orange-100: hsl(34.3 100% 91.8%);--sl-color-orange-200: hsl(32.1 97.7% 83.1%);--sl-color-orange-300: hsl(30.7 97.2% 72.4%);--sl-color-orange-400: hsl(27 96% 61%);--sl-color-orange-500: hsl(24.6 95% 53.1%);--sl-color-orange-600: hsl(20.5 90.2% 48.2%);--sl-color-orange-700: hsl(17.5 88.3% 40.4%);--sl-color-orange-800: hsl(15 79.1% 33.7%);--sl-color-orange-900: hsl(15.3 74.6% 27.8%);--sl-color-orange-950: hsl(15.2 69.1% 19%);--sl-color-amber-50: hsl(48 100% 96.1%);--sl-color-amber-100: hsl(48 96.5% 88.8%);--sl-color-amber-200: hsl(48 96.6% 76.7%);--sl-color-amber-300: hsl(45.9 96.7% 64.5%);--sl-color-amber-400: hsl(43.3 96.4% 56.3%);--sl-color-amber-500: hsl(37.7 92.1% 50.2%);--sl-color-amber-600: hsl(32.1 94.6% 43.7%);--sl-color-amber-700: hsl(26 90.5% 37.1%);--sl-color-amber-800: hsl(22.7 82.5% 31.4%);--sl-color-amber-900: hsl(21.7 77.8% 26.5%);--sl-color-amber-950: hsl(22.9 74.1% 16.7%);--sl-color-yellow-50: hsl(54.5 91.7% 95.3%);--sl-color-yellow-100: hsl(54.9 96.7% 88%);--sl-color-yellow-200: hsl(52.8 98.3% 76.9%);--sl-color-yellow-300: hsl(50.4 97.8% 63.5%);--sl-color-yellow-400: hsl(47.9 95.8% 53.1%);--sl-color-yellow-500: hsl(45.4 93.4% 47.5%);--sl-color-yellow-600: hsl(40.6 96.1% 40.4%);--sl-color-yellow-700: hsl(35.5 91.7% 32.9%);--sl-color-yellow-800: hsl(31.8 81% 28.8%);--sl-color-yellow-900: hsl(28.4 72.5% 25.7%);--sl-color-yellow-950: hsl(33.1 69% 13.9%);--sl-color-lime-50: hsl(78.3 92% 95.1%);--sl-color-lime-100: hsl(79.6 89.1% 89.2%);--sl-color-lime-200: hsl(80.9 88.5% 79.6%);--sl-color-lime-300: hsl(82 84.5% 67.1%);--sl-color-lime-400: hsl(82.7 78% 55.5%);--sl-color-lime-500: hsl(83.7 80.5% 44.3%);--sl-color-lime-600: hsl(84.8 85.2% 34.5%);--sl-color-lime-700: hsl(85.9 78.4% 27.3%);--sl-color-lime-800: hsl(86.3 69% 22.7%);--sl-color-lime-900: hsl(87.6 61.2% 20.2%);--sl-color-lime-950: hsl(86.5 60.6% 13.9%);--sl-color-green-50: hsl(138.5 76.5% 96.7%);--sl-color-green-100: hsl(140.6 84.2% 92.5%);--sl-color-green-200: hsl(141 78.9% 85.1%);--sl-color-green-300: hsl(141.7 76.6% 73.1%);--sl-color-green-400: hsl(141.9 69.2% 58%);--sl-color-green-500: hsl(142.1 70.6% 45.3%);--sl-color-green-600: hsl(142.1 76.2% 36.3%);--sl-color-green-700: hsl(142.4 71.8% 29.2%);--sl-color-green-800: hsl(142.8 64.2% 24.1%);--sl-color-green-900: hsl(143.8 61.2% 20.2%);--sl-color-green-950: hsl(144.3 60.7% 12%);--sl-color-emerald-50: hsl(151.8 81% 95.9%);--sl-color-emerald-100: hsl(149.3 80.4% 90%);--sl-color-emerald-200: hsl(152.4 76% 80.4%);--sl-color-emerald-300: hsl(156.2 71.6% 66.9%);--sl-color-emerald-400: hsl(158.1 64.4% 51.6%);--sl-color-emerald-500: hsl(160.1 84.1% 39.4%);--sl-color-emerald-600: hsl(161.4 93.5% 30.4%);--sl-color-emerald-700: hsl(162.9 93.5% 24.3%);--sl-color-emerald-800: hsl(163.1 88.1% 19.8%);--sl-color-emerald-900: hsl(164.2 85.7% 16.5%);--sl-color-emerald-950: hsl(164.3 87.5% 9.4%);--sl-color-teal-50: hsl(166.2 76.5% 96.7%);--sl-color-teal-100: hsl(167.2 85.5% 89.2%);--sl-color-teal-200: hsl(168.4 83.8% 78.2%);--sl-color-teal-300: hsl(170.6 76.9% 64.3%);--sl-color-teal-400: hsl(172.5 66% 50.4%);--sl-color-teal-500: hsl(173.4 80.4% 40%);--sl-color-teal-600: hsl(174.7 83.9% 31.6%);--sl-color-teal-700: hsl(175.3 77.4% 26.1%);--sl-color-teal-800: hsl(176.1 69.4% 21.8%);--sl-color-teal-900: hsl(175.9 60.8% 19%);--sl-color-teal-950: hsl(176.5 58.6% 11.4%);--sl-color-cyan-50: hsl(183.2 100% 96.3%);--sl-color-cyan-100: hsl(185.1 95.9% 90.4%);--sl-color-cyan-200: hsl(186.2 93.5% 81.8%);--sl-color-cyan-300: hsl(187 92.4% 69%);--sl-color-cyan-400: hsl(187.9 85.7% 53.3%);--sl-color-cyan-500: hsl(188.7 94.5% 42.7%);--sl-color-cyan-600: hsl(191.6 91.4% 36.5%);--sl-color-cyan-700: hsl(192.9 82.3% 31%);--sl-color-cyan-800: hsl(194.4 69.6% 27.1%);--sl-color-cyan-900: hsl(196.4 63.6% 23.7%);--sl-color-cyan-950: hsl(196.8 61% 16.1%);--sl-color-sky-50: hsl(204 100% 97.1%);--sl-color-sky-100: hsl(204 93.8% 93.7%);--sl-color-sky-200: hsl(200.6 94.4% 86.1%);--sl-color-sky-300: hsl(199.4 95.5% 73.9%);--sl-color-sky-400: hsl(198.4 93.2% 59.6%);--sl-color-sky-500: hsl(198.6 88.7% 48.4%);--sl-color-sky-600: hsl(200.4 98% 39.4%);--sl-color-sky-700: hsl(201.3 96.3% 32.2%);--sl-color-sky-800: hsl(201 90% 27.5%);--sl-color-sky-900: hsl(202 80.3% 23.9%);--sl-color-sky-950: hsl(202.3 73.8% 16.5%);--sl-color-blue-50: hsl(213.8 100% 96.9%);--sl-color-blue-100: hsl(214.3 94.6% 92.7%);--sl-color-blue-200: hsl(213.3 96.9% 87.3%);--sl-color-blue-300: hsl(211.7 96.4% 78.4%);--sl-color-blue-400: hsl(213.1 93.9% 67.8%);--sl-color-blue-500: hsl(217.2 91.2% 59.8%);--sl-color-blue-600: hsl(221.2 83.2% 53.3%);--sl-color-blue-700: hsl(224.3 76.3% 48%);--sl-color-blue-800: hsl(225.9 70.7% 40.2%);--sl-color-blue-900: hsl(224.4 64.3% 32.9%);--sl-color-blue-950: hsl(226.2 55.3% 18.4%);--sl-color-indigo-50: hsl(225.9 100% 96.7%);--sl-color-indigo-100: hsl(226.5 100% 93.9%);--sl-color-indigo-200: hsl(228 96.5% 88.8%);--sl-color-indigo-300: hsl(229.7 93.5% 81.8%);--sl-color-indigo-400: hsl(234.5 89.5% 73.9%);--sl-color-indigo-500: hsl(238.7 83.5% 66.7%);--sl-color-indigo-600: hsl(243.4 75.4% 58.6%);--sl-color-indigo-700: hsl(244.5 57.9% 50.6%);--sl-color-indigo-800: hsl(243.7 54.5% 41.4%);--sl-color-indigo-900: hsl(242.2 47.4% 34.3%);--sl-color-indigo-950: hsl(243.5 43.6% 22.9%);--sl-color-violet-50: hsl(250 100% 97.6%);--sl-color-violet-100: hsl(251.4 91.3% 95.5%);--sl-color-violet-200: hsl(250.5 95.2% 91.8%);--sl-color-violet-300: hsl(252.5 94.7% 85.1%);--sl-color-violet-400: hsl(255.1 91.7% 76.3%);--sl-color-violet-500: hsl(258.3 89.5% 66.3%);--sl-color-violet-600: hsl(262.1 83.3% 57.8%);--sl-color-violet-700: hsl(263.4 70% 50.4%);--sl-color-violet-800: hsl(263.4 69.3% 42.2%);--sl-color-violet-900: hsl(263.5 67.4% 34.9%);--sl-color-violet-950: hsl(265.1 61.5% 21.4%);--sl-color-purple-50: hsl(270 100% 98%);--sl-color-purple-100: hsl(268.7 100% 95.5%);--sl-color-purple-200: hsl(268.6 100% 91.8%);--sl-color-purple-300: hsl(269.2 97.4% 85.1%);--sl-color-purple-400: hsl(270 95.2% 75.3%);--sl-color-purple-500: hsl(270.7 91% 65.1%);--sl-color-purple-600: hsl(271.5 81.3% 55.9%);--sl-color-purple-700: hsl(272.1 71.7% 47.1%);--sl-color-purple-800: hsl(272.9 67.2% 39.4%);--sl-color-purple-900: hsl(273.6 65.6% 32%);--sl-color-purple-950: hsl(276 59.5% 16.5%);--sl-color-fuchsia-50: hsl(289.1 100% 97.8%);--sl-color-fuchsia-100: hsl(287 100% 95.5%);--sl-color-fuchsia-200: hsl(288.3 95.8% 90.6%);--sl-color-fuchsia-300: hsl(291.1 93.1% 82.9%);--sl-color-fuchsia-400: hsl(292 91.4% 72.5%);--sl-color-fuchsia-500: hsl(292.2 84.1% 60.6%);--sl-color-fuchsia-600: hsl(293.4 69.5% 48.8%);--sl-color-fuchsia-700: hsl(294.7 72.4% 39.8%);--sl-color-fuchsia-800: hsl(295.4 70.2% 32.9%);--sl-color-fuchsia-900: hsl(296.7 63.6% 28%);--sl-color-fuchsia-950: hsl(297.1 56.8% 14.5%);--sl-color-pink-50: hsl(327.3 73.3% 97.1%);--sl-color-pink-100: hsl(325.7 77.8% 94.7%);--sl-color-pink-200: hsl(325.9 84.6% 89.8%);--sl-color-pink-300: hsl(327.4 87.1% 81.8%);--sl-color-pink-400: hsl(328.6 85.5% 70.2%);--sl-color-pink-500: hsl(330.4 81.2% 60.4%);--sl-color-pink-600: hsl(333.3 71.4% 50.6%);--sl-color-pink-700: hsl(335.1 77.6% 42%);--sl-color-pink-800: hsl(335.8 74.4% 35.3%);--sl-color-pink-900: hsl(335.9 69% 30.4%);--sl-color-pink-950: hsl(336.2 65.4% 15.9%);--sl-color-rose-50: hsl(355.7 100% 97.3%);--sl-color-rose-100: hsl(355.6 100% 94.7%);--sl-color-rose-200: hsl(352.7 96.1% 90%);--sl-color-rose-300: hsl(352.6 95.7% 81.8%);--sl-color-rose-400: hsl(351.3 94.5% 71.4%);--sl-color-rose-500: hsl(349.7 89.2% 60.2%);--sl-color-rose-600: hsl(346.8 77.2% 49.8%);--sl-color-rose-700: hsl(345.3 82.7% 40.8%);--sl-color-rose-800: hsl(343.4 79.7% 34.7%);--sl-color-rose-900: hsl(341.5 75.5% 30.4%);--sl-color-rose-950: hsl(341.3 70.1% 17.1%);--sl-color-primary-50: var(--sl-color-sky-50);--sl-color-primary-100: var(--sl-color-sky-100);--sl-color-primary-200: var(--sl-color-sky-200);--sl-color-primary-300: var(--sl-color-sky-300);--sl-color-primary-400: var(--sl-color-sky-400);--sl-color-primary-500: var(--sl-color-sky-500);--sl-color-primary-600: var(--sl-color-sky-600);--sl-color-primary-700: var(--sl-color-sky-700);--sl-color-primary-800: var(--sl-color-sky-800);--sl-color-primary-900: var(--sl-color-sky-900);--sl-color-primary-950: var(--sl-color-sky-950);--sl-color-success-50: var(--sl-color-green-50);--sl-color-success-100: var(--sl-color-green-100);--sl-color-success-200: var(--sl-color-green-200);--sl-color-success-300: var(--sl-color-green-300);--sl-color-success-400: var(--sl-color-green-400);--sl-color-success-500: var(--sl-color-green-500);--sl-color-success-600: var(--sl-color-green-600);--sl-color-success-700: var(--sl-color-green-700);--sl-color-success-800: var(--sl-color-green-800);--sl-color-success-900: var(--sl-color-green-900);--sl-color-success-950: var(--sl-color-green-950);--sl-color-warning-50: var(--sl-color-amber-50);--sl-color-warning-100: var(--sl-color-amber-100);--sl-color-warning-200: var(--sl-color-amber-200);--sl-color-warning-300: var(--sl-color-amber-300);--sl-color-warning-400: var(--sl-color-amber-400);--sl-color-warning-500: var(--sl-color-amber-500);--sl-color-warning-600: var(--sl-color-amber-600);--sl-color-warning-700: var(--sl-color-amber-700);--sl-color-warning-800: var(--sl-color-amber-800);--sl-color-warning-900: var(--sl-color-amber-900);--sl-color-warning-950: var(--sl-color-amber-950);--sl-color-danger-50: var(--sl-color-red-50);--sl-color-danger-100: var(--sl-color-red-100);--sl-color-danger-200: var(--sl-color-red-200);--sl-color-danger-300: var(--sl-color-red-300);--sl-color-danger-400: var(--sl-color-red-400);--sl-color-danger-500: var(--sl-color-red-500);--sl-color-danger-600: var(--sl-color-red-600);--sl-color-danger-700: var(--sl-color-red-700);--sl-color-danger-800: var(--sl-color-red-800);--sl-color-danger-900: var(--sl-color-red-900);--sl-color-danger-950: var(--sl-color-red-950);--sl-color-neutral-50: var(--sl-color-gray-50);--sl-color-neutral-100: var(--sl-color-gray-100);--sl-color-neutral-200: var(--sl-color-gray-200);--sl-color-neutral-300: var(--sl-color-gray-300);--sl-color-neutral-400: var(--sl-color-gray-400);--sl-color-neutral-500: var(--sl-color-gray-500);--sl-color-neutral-600: var(--sl-color-gray-600);--sl-color-neutral-700: var(--sl-color-gray-700);--sl-color-neutral-800: var(--sl-color-gray-800);--sl-color-neutral-900: var(--sl-color-gray-900);--sl-color-neutral-950: var(--sl-color-gray-950);--sl-color-neutral-0: hsl(0, 0%, 100%);--sl-color-neutral-1000: hsl(0, 0%, 0%);--sl-border-radius-small: .1875rem;--sl-border-radius-medium: .25rem;--sl-border-radius-large: .5rem;--sl-border-radius-x-large: 1rem;--sl-border-radius-circle: 50%;--sl-border-radius-pill: 9999px;--sl-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 6%);--sl-shadow-small: 0 1px 2px hsl(240 3.8% 46.1% / 12%);--sl-shadow-medium: 0 2px 4px hsl(240 3.8% 46.1% / 12%);--sl-shadow-large: 0 2px 8px hsl(240 3.8% 46.1% / 12%);--sl-shadow-x-large: 0 4px 16px hsl(240 3.8% 46.1% / 12%);--sl-spacing-3x-small: .125rem;--sl-spacing-2x-small: .25rem;--sl-spacing-x-small: .5rem;--sl-spacing-small: .75rem;--sl-spacing-medium: 1rem;--sl-spacing-large: 1.25rem;--sl-spacing-x-large: 1.75rem;--sl-spacing-2x-large: 2.25rem;--sl-spacing-3x-large: 3rem;--sl-spacing-4x-large: 4.5rem;--sl-transition-x-slow: 1s;--sl-transition-slow: .5s;--sl-transition-medium: .25s;--sl-transition-fast: .15s;--sl-transition-x-fast: 50ms;--sl-font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--sl-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--sl-font-serif: Georgia, "Times New Roman", serif;--sl-font-size-2x-small: .625rem;--sl-font-size-x-small: .75rem;--sl-font-size-small: .875rem;--sl-font-size-medium: 1rem;--sl-font-size-large: 1.25rem;--sl-font-size-x-large: 1.5rem;--sl-font-size-2x-large: 2.25rem;--sl-font-size-3x-large: 3rem;--sl-font-size-4x-large: 4.5rem;--sl-font-weight-light: 300;--sl-font-weight-normal: 400;--sl-font-weight-semibold: 500;--sl-font-weight-bold: 700;--sl-letter-spacing-denser: -.03em;--sl-letter-spacing-dense: -.015em;--sl-letter-spacing-normal: normal;--sl-letter-spacing-loose: .075em;--sl-letter-spacing-looser: .15em;--sl-line-height-denser: 1;--sl-line-height-dense: 1.4;--sl-line-height-normal: 1.8;--sl-line-height-loose: 2.2;--sl-line-height-looser: 2.6;--sl-focus-ring-color: var(--sl-color-primary-600);--sl-focus-ring-style: solid;--sl-focus-ring-width: 3px;--sl-focus-ring: var(--sl-focus-ring-style) var(--sl-focus-ring-width) var(--sl-focus-ring-color);--sl-focus-ring-offset: 1px;--sl-button-font-size-small: var(--sl-font-size-x-small);--sl-button-font-size-medium: var(--sl-font-size-small);--sl-button-font-size-large: var(--sl-font-size-medium);--sl-input-height-small: 1.875rem;--sl-input-height-medium: 2.5rem;--sl-input-height-large: 3.125rem;--sl-input-background-color: var(--sl-color-neutral-0);--sl-input-background-color-hover: var(--sl-input-background-color);--sl-input-background-color-focus: var(--sl-input-background-color);--sl-input-background-color-disabled: var(--sl-color-neutral-100);--sl-input-border-color: var(--sl-color-neutral-300);--sl-input-border-color-hover: var(--sl-color-neutral-400);--sl-input-border-color-focus: var(--sl-color-primary-500);--sl-input-border-color-disabled: var(--sl-color-neutral-300);--sl-input-border-width: 1px;--sl-input-required-content: "*";--sl-input-required-content-offset: -2px;--sl-input-required-content-color: var(--sl-input-label-color);--sl-input-border-radius-small: var(--sl-border-radius-medium);--sl-input-border-radius-medium: var(--sl-border-radius-medium);--sl-input-border-radius-large: var(--sl-border-radius-medium);--sl-input-font-family: var(--sl-font-sans);--sl-input-font-weight: var(--sl-font-weight-normal);--sl-input-font-size-small: var(--sl-font-size-small);--sl-input-font-size-medium: var(--sl-font-size-medium);--sl-input-font-size-large: var(--sl-font-size-large);--sl-input-letter-spacing: var(--sl-letter-spacing-normal);--sl-input-color: var(--sl-color-neutral-700);--sl-input-color-hover: var(--sl-color-neutral-700);--sl-input-color-focus: var(--sl-color-neutral-700);--sl-input-color-disabled: var(--sl-color-neutral-900);--sl-input-icon-color: var(--sl-color-neutral-500);--sl-input-icon-color-hover: var(--sl-color-neutral-600);--sl-input-icon-color-focus: var(--sl-color-neutral-600);--sl-input-placeholder-color: var(--sl-color-neutral-500);--sl-input-placeholder-color-disabled: var(--sl-color-neutral-600);--sl-input-spacing-small: var(--sl-spacing-small);--sl-input-spacing-medium: var(--sl-spacing-medium);--sl-input-spacing-large: var(--sl-spacing-large);--sl-input-focus-ring-color: hsl(198.6 88.7% 48.4% / 40%);--sl-input-focus-ring-offset: 0;--sl-input-filled-background-color: var(--sl-color-neutral-100);--sl-input-filled-background-color-hover: var(--sl-color-neutral-100);--sl-input-filled-background-color-focus: var(--sl-color-neutral-100);--sl-input-filled-background-color-disabled: var(--sl-color-neutral-100);--sl-input-filled-color: var(--sl-color-neutral-800);--sl-input-filled-color-hover: var(--sl-color-neutral-800);--sl-input-filled-color-focus: var(--sl-color-neutral-700);--sl-input-filled-color-disabled: var(--sl-color-neutral-800);--sl-input-label-font-size-small: var(--sl-font-size-small);--sl-input-label-font-size-medium: var(--sl-font-size-medium);--sl-input-label-font-size-large: var(--sl-font-size-large);--sl-input-label-color: inherit;--sl-input-help-text-font-size-small: var(--sl-font-size-x-small);--sl-input-help-text-font-size-medium: var(--sl-font-size-small);--sl-input-help-text-font-size-large: var(--sl-font-size-medium);--sl-input-help-text-color: var(--sl-color-neutral-500);--sl-toggle-size-small: .875rem;--sl-toggle-size-medium: 1.125rem;--sl-toggle-size-large: 1.375rem;--sl-overlay-background-color: hsl(240 3.8% 46.1% / 33%);--sl-panel-background-color: var(--sl-color-neutral-0);--sl-panel-border-color: var(--sl-color-neutral-200);--sl-panel-border-width: 1px;--sl-tooltip-border-radius: var(--sl-border-radius-medium);--sl-tooltip-background-color: var(--sl-color-neutral-800);--sl-tooltip-color: var(--sl-color-neutral-0);--sl-tooltip-font-family: var(--sl-font-sans);--sl-tooltip-font-weight: var(--sl-font-weight-normal);--sl-tooltip-font-size: var(--sl-font-size-small);--sl-tooltip-line-height: var(--sl-line-height-dense);--sl-tooltip-padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-small);--sl-tooltip-arrow-size: 6px;--sl-z-index-drawer: 700;--sl-z-index-dialog: 800;--sl-z-index-dropdown: 900;--sl-z-index-toast: 950;--sl-z-index-tooltip: 1000}:host,.sl-theme-dark{color-scheme:dark;--sl-color-gray-50: hsl(240 5.1% 15%);--sl-color-gray-100: hsl(240 5.7% 18.2%);--sl-color-gray-200: hsl(240 4.6% 22%);--sl-color-gray-300: hsl(240 5% 27.6%);--sl-color-gray-400: hsl(240 5% 35.5%);--sl-color-gray-500: hsl(240 3.7% 44%);--sl-color-gray-600: hsl(240 5.3% 58%);--sl-color-gray-700: hsl(240 5.6% 73%);--sl-color-gray-800: hsl(240 7.3% 84%);--sl-color-gray-900: hsl(240 9.1% 91.8%);--sl-color-gray-950: hsl(0 0% 95%);--sl-color-red-50: hsl(0 56% 23.9%);--sl-color-red-100: hsl(.6 60% 33.9%);--sl-color-red-200: hsl(.9 67.2% 37.1%);--sl-color-red-300: hsl(1.1 71.3% 43.7%);--sl-color-red-400: hsl(1 76% 52.5%);--sl-color-red-500: hsl(.7 89.6% 57.2%);--sl-color-red-600: hsl(0 98.6% 67.9%);--sl-color-red-700: hsl(0 100% 72.3%);--sl-color-red-800: hsl(0 100% 85.6%);--sl-color-red-900: hsl(0 100% 90.3%);--sl-color-red-950: hsl(0 100% 95.9%);--sl-color-orange-50: hsl(15 64.2% 23.3%);--sl-color-orange-100: hsl(15.1 70.9% 31.1%);--sl-color-orange-200: hsl(15.3 75.7% 35.5%);--sl-color-orange-300: hsl(17.1 83.5% 42.7%);--sl-color-orange-400: hsl(20.1 88% 50.8%);--sl-color-orange-500: hsl(24.3 100% 50.5%);--sl-color-orange-600: hsl(27.2 100% 57.7%);--sl-color-orange-700: hsl(31.3 100% 68.7%);--sl-color-orange-800: hsl(33.8 100% 79.3%);--sl-color-orange-900: hsl(38.9 100% 87.7%);--sl-color-orange-950: hsl(46.2 100% 95%);--sl-color-amber-50: hsl(21.9 66.3% 21.1%);--sl-color-amber-100: hsl(21.5 73.6% 29.7%);--sl-color-amber-200: hsl(22.3 77.6% 33.3%);--sl-color-amber-300: hsl(25.4 84.2% 39.6%);--sl-color-amber-400: hsl(31.4 87.4% 46.7%);--sl-color-amber-500: hsl(37 96.6% 48.3%);--sl-color-amber-600: hsl(43.3 100% 53.4%);--sl-color-amber-700: hsl(46.5 100% 61.1%);--sl-color-amber-800: hsl(49.3 100% 73%);--sl-color-amber-900: hsl(51.8 100% 85%);--sl-color-amber-950: hsl(60 100% 94.6%);--sl-color-yellow-50: hsl(32.5 60% 18.2%);--sl-color-yellow-100: hsl(28.1 68.6% 29%);--sl-color-yellow-200: hsl(31.3 75.8% 30.8%);--sl-color-yellow-300: hsl(34.7 84.4% 35.3%);--sl-color-yellow-400: hsl(40.1 87.3% 43.3%);--sl-color-yellow-500: hsl(44.7 88% 46%);--sl-color-yellow-600: hsl(47.7 100% 50.9%);--sl-color-yellow-700: hsl(51.3 100% 59.9%);--sl-color-yellow-800: hsl(54.6 100% 73%);--sl-color-yellow-900: hsl(58.9 100% 84.2%);--sl-color-yellow-950: hsl(60 100% 94%);--sl-color-lime-50: hsl(86.5 54.4% 18%);--sl-color-lime-100: hsl(87.6 56.8% 23.3%);--sl-color-lime-200: hsl(85.8 63.2% 24.5%);--sl-color-lime-300: hsl(86.1 72% 29.4%);--sl-color-lime-400: hsl(85.5 76.8% 37.3%);--sl-color-lime-500: hsl(84.3 74.2% 42.1%);--sl-color-lime-600: hsl(82.8 81.5% 52.6%);--sl-color-lime-700: hsl(82 89.9% 64%);--sl-color-lime-800: hsl(80.9 97.9% 76.6%);--sl-color-lime-900: hsl(77.9 100% 85.8%);--sl-color-lime-950: hsl(69.5 100% 93.8%);--sl-color-green-50: hsl(144.3 53.6% 16%);--sl-color-green-100: hsl(143.2 55.4% 23.5%);--sl-color-green-200: hsl(141.5 58.2% 26.3%);--sl-color-green-300: hsl(140.8 64.2% 31.8%);--sl-color-green-400: hsl(140.3 68% 39.2%);--sl-color-green-500: hsl(141.1 64.9% 43%);--sl-color-green-600: hsl(141.6 72.4% 55.2%);--sl-color-green-700: hsl(141.7 82.7% 70.1%);--sl-color-green-800: hsl(141 90.9% 82.1%);--sl-color-green-900: hsl(142 100% 89.1%);--sl-color-green-950: hsl(144 100% 95.5%);--sl-color-emerald-50: hsl(164.3 75% 13.5%);--sl-color-emerald-100: hsl(163.5 72.6% 20.1%);--sl-color-emerald-200: hsl(162.1 73.7% 22.4%);--sl-color-emerald-300: hsl(161.3 77.3% 27.6%);--sl-color-emerald-400: hsl(159.6 77.1% 34.3%);--sl-color-emerald-500: hsl(159.1 73.5% 37.9%);--sl-color-emerald-600: hsl(157.8 66.8% 48.9%);--sl-color-emerald-700: hsl(156.2 76.1% 63.8%);--sl-color-emerald-800: hsl(152.4 84.4% 77.4%);--sl-color-emerald-900: hsl(149.3 100% 87%);--sl-color-emerald-950: hsl(158.6 100% 94.8%);--sl-color-teal-50: hsl(176.5 51.5% 15.4%);--sl-color-teal-100: hsl(175.9 54.7% 22.3%);--sl-color-teal-200: hsl(175.9 60.7% 23.9%);--sl-color-teal-300: hsl(174.5 67.3% 28.8%);--sl-color-teal-400: hsl(174.4 71.9% 34.9%);--sl-color-teal-500: hsl(173.1 71% 38.3%);--sl-color-teal-600: hsl(172.3 68.2% 48.1%);--sl-color-teal-700: hsl(170.5 81.3% 61.5%);--sl-color-teal-800: hsl(168.4 92.1% 75.2%);--sl-color-teal-900: hsl(168.3 100% 86%);--sl-color-teal-950: hsl(180 100% 95.5%);--sl-color-cyan-50: hsl(197.1 53.8% 20.3%);--sl-color-cyan-100: hsl(196.8 57.3% 27.2%);--sl-color-cyan-200: hsl(195.3 62.7% 29.4%);--sl-color-cyan-300: hsl(193.5 71.3% 34.1%);--sl-color-cyan-400: hsl(192.5 76.8% 40.6%);--sl-color-cyan-500: hsl(189.4 78.6% 42.6%);--sl-color-cyan-600: hsl(188.2 89.1% 51.7%);--sl-color-cyan-700: hsl(187 98.6% 66.2%);--sl-color-cyan-800: hsl(184.9 100% 78.3%);--sl-color-cyan-900: hsl(180 100% 86.6%);--sl-color-cyan-950: hsl(180 100% 94.8%);--sl-color-sky-50: hsl(203 63.8% 20.9%);--sl-color-sky-100: hsl(203.4 70.4% 28%);--sl-color-sky-200: hsl(202.7 75.8% 30.8%);--sl-color-sky-300: hsl(203.1 80.4% 36.1%);--sl-color-sky-400: hsl(202.1 80.5% 44.3%);--sl-color-sky-500: hsl(199.7 85.9% 47.7%);--sl-color-sky-600: hsl(198.7 97.9% 57.2%);--sl-color-sky-700: hsl(198.7 100% 70.5%);--sl-color-sky-800: hsl(198.8 100% 82.5%);--sl-color-sky-900: hsl(198.5 100% 89.9%);--sl-color-sky-950: hsl(186 100% 95.5%);--sl-color-blue-50: hsl(227.1 49.5% 22.7%);--sl-color-blue-100: hsl(225.8 58.9% 36.8%);--sl-color-blue-200: hsl(227.7 64.4% 42.9%);--sl-color-blue-300: hsl(226.1 72.7% 51.2%);--sl-color-blue-400: hsl(222.6 86.5% 56.3%);--sl-color-blue-500: hsl(217.8 95.8% 57.4%);--sl-color-blue-600: hsl(213.3 100% 65%);--sl-color-blue-700: hsl(210.9 100% 74.8%);--sl-color-blue-800: hsl(211.5 100% 83.4%);--sl-color-blue-900: hsl(211 100% 88.9%);--sl-color-blue-950: hsl(201.8 100% 95.3%);--sl-color-indigo-50: hsl(243.5 40.8% 27%);--sl-color-indigo-100: hsl(242.9 45.7% 37.6%);--sl-color-indigo-200: hsl(244.7 52.7% 43.1%);--sl-color-indigo-300: hsl(245.3 60.5% 52.4%);--sl-color-indigo-400: hsl(244.1 79.2% 60.4%);--sl-color-indigo-500: hsl(239.6 88.7% 63.8%);--sl-color-indigo-600: hsl(234.5 96.7% 70.9%);--sl-color-indigo-700: hsl(229.4 100% 78.3%);--sl-color-indigo-800: hsl(227.1 100% 85%);--sl-color-indigo-900: hsl(223.8 100% 89.9%);--sl-color-indigo-950: hsl(220 100% 95.1%);--sl-color-violet-50: hsl(265.1 57.3% 25.4%);--sl-color-violet-100: hsl(263.5 63.8% 39.4%);--sl-color-violet-200: hsl(263.4 66.2% 44.1%);--sl-color-violet-300: hsl(263.7 72.8% 52.4%);--sl-color-violet-400: hsl(262.5 87.3% 59.8%);--sl-color-violet-500: hsl(258.3 95.1% 63.2%);--sl-color-violet-600: hsl(255.1 100% 67.2%);--sl-color-violet-700: hsl(253 100% 81.5%);--sl-color-violet-800: hsl(251.7 100% 87.9%);--sl-color-violet-900: hsl(254.1 100% 91.7%);--sl-color-violet-950: hsl(257.1 100% 96.1%);--sl-color-purple-50: hsl(276 54.3% 20.5%);--sl-color-purple-100: hsl(273.6 61.8% 35.4%);--sl-color-purple-200: hsl(272.9 64% 41.4%);--sl-color-purple-300: hsl(271.9 68.1% 49.2%);--sl-color-purple-400: hsl(271.5 85.1% 57.8%);--sl-color-purple-500: hsl(270.7 96.4% 62.1%);--sl-color-purple-600: hsl(270.5 100% 71.9%);--sl-color-purple-700: hsl(270.9 100% 81.3%);--sl-color-purple-800: hsl(272.4 100% 87.7%);--sl-color-purple-900: hsl(276.7 100% 91.5%);--sl-color-purple-950: hsl(300 100% 96.5%);--sl-color-fuchsia-50: hsl(297.1 51.2% 18.6%);--sl-color-fuchsia-100: hsl(296.7 59.5% 31.5%);--sl-color-fuchsia-200: hsl(295.4 65.4% 35.1%);--sl-color-fuchsia-300: hsl(294.6 67.4% 42.2%);--sl-color-fuchsia-400: hsl(293.3 68.7% 51.2%);--sl-color-fuchsia-500: hsl(292.1 88.4% 57.7%);--sl-color-fuchsia-600: hsl(292 98.5% 59.5%);--sl-color-fuchsia-700: hsl(292.4 100% 79.5%);--sl-color-fuchsia-800: hsl(292.9 100% 86.8%);--sl-color-fuchsia-900: hsl(300 100% 91.5%);--sl-color-fuchsia-950: hsl(300 100% 96.3%);--sl-color-pink-50: hsl(336.2 59.6% 20%);--sl-color-pink-100: hsl(336.8 63.9% 34%);--sl-color-pink-200: hsl(336.8 68.7% 37.6%);--sl-color-pink-300: hsl(336.1 71.8% 44.5%);--sl-color-pink-400: hsl(333.9 74.9% 53.1%);--sl-color-pink-500: hsl(330.7 86.3% 57.7%);--sl-color-pink-600: hsl(328.6 91.5% 67.2%);--sl-color-pink-700: hsl(327.4 97.6% 78.7%);--sl-color-pink-800: hsl(325.1 100% 86.6%);--sl-color-pink-900: hsl(322.1 100% 91.3%);--sl-color-pink-950: hsl(315 100% 95.9%);--sl-color-rose-50: hsl(342.3 62.9% 21.5%);--sl-color-rose-100: hsl(342.8 68.9% 34.2%);--sl-color-rose-200: hsl(344.8 72.6% 37.3%);--sl-color-rose-300: hsl(346.9 75.8% 43.7%);--sl-color-rose-400: hsl(348.2 80.1% 52.7%);--sl-color-rose-500: hsl(350.4 94.8% 57.5%);--sl-color-rose-600: hsl(351.2 100% 58.1%);--sl-color-rose-700: hsl(352.3 100% 78.1%);--sl-color-rose-800: hsl(352 100% 86.2%);--sl-color-rose-900: hsl(354.5 100% 90.7%);--sl-color-rose-950: hsl(353.3 100% 95.7%);--sl-color-primary-50: var(--sl-color-sky-50);--sl-color-primary-100: var(--sl-color-sky-100);--sl-color-primary-200: var(--sl-color-sky-200);--sl-color-primary-300: var(--sl-color-sky-300);--sl-color-primary-400: var(--sl-color-sky-400);--sl-color-primary-500: var(--sl-color-sky-500);--sl-color-primary-600: var(--sl-color-sky-600);--sl-color-primary-700: var(--sl-color-sky-700);--sl-color-primary-800: var(--sl-color-sky-800);--sl-color-primary-900: var(--sl-color-sky-900);--sl-color-primary-950: var(--sl-color-sky-950);--sl-color-success-50: var(--sl-color-green-50);--sl-color-success-100: var(--sl-color-green-100);--sl-color-success-200: var(--sl-color-green-200);--sl-color-success-300: var(--sl-color-green-300);--sl-color-success-400: var(--sl-color-green-400);--sl-color-success-500: var(--sl-color-green-500);--sl-color-success-600: var(--sl-color-green-600);--sl-color-success-700: var(--sl-color-green-700);--sl-color-success-800: var(--sl-color-green-800);--sl-color-success-900: var(--sl-color-green-900);--sl-color-success-950: var(--sl-color-green-950);--sl-color-warning-50: var(--sl-color-amber-50);--sl-color-warning-100: var(--sl-color-amber-100);--sl-color-warning-200: var(--sl-color-amber-200);--sl-color-warning-300: var(--sl-color-amber-300);--sl-color-warning-400: var(--sl-color-amber-400);--sl-color-warning-500: var(--sl-color-amber-500);--sl-color-warning-600: var(--sl-color-amber-600);--sl-color-warning-700: var(--sl-color-amber-700);--sl-color-warning-800: var(--sl-color-amber-800);--sl-color-warning-900: var(--sl-color-amber-900);--sl-color-warning-950: var(--sl-color-amber-950);--sl-color-danger-50: var(--sl-color-red-50);--sl-color-danger-100: var(--sl-color-red-100);--sl-color-danger-200: var(--sl-color-red-200);--sl-color-danger-300: var(--sl-color-red-300);--sl-color-danger-400: var(--sl-color-red-400);--sl-color-danger-500: var(--sl-color-red-500);--sl-color-danger-600: var(--sl-color-red-600);--sl-color-danger-700: var(--sl-color-red-700);--sl-color-danger-800: var(--sl-color-red-800);--sl-color-danger-900: var(--sl-color-red-900);--sl-color-danger-950: var(--sl-color-red-950);--sl-color-neutral-50: var(--sl-color-gray-50);--sl-color-neutral-100: var(--sl-color-gray-100);--sl-color-neutral-200: var(--sl-color-gray-200);--sl-color-neutral-300: var(--sl-color-gray-300);--sl-color-neutral-400: var(--sl-color-gray-400);--sl-color-neutral-500: var(--sl-color-gray-500);--sl-color-neutral-600: var(--sl-color-gray-600);--sl-color-neutral-700: var(--sl-color-gray-700);--sl-color-neutral-800: var(--sl-color-gray-800);--sl-color-neutral-900: var(--sl-color-gray-900);--sl-color-neutral-950: var(--sl-color-gray-950);--sl-color-neutral-0: hsl(240, 5.9%, 11%);--sl-color-neutral-1000: hsl(0, 0%, 100%);--sl-border-radius-small: .1875rem;--sl-border-radius-medium: .25rem;--sl-border-radius-large: .5rem;--sl-border-radius-x-large: 1rem;--sl-border-radius-circle: 50%;--sl-border-radius-pill: 9999px;--sl-shadow-x-small: 0 1px 2px rgb(0 0 0 / 18%);--sl-shadow-small: 0 1px 2px rgb(0 0 0 / 24%);--sl-shadow-medium: 0 2px 4px rgb(0 0 0 / 24%);--sl-shadow-large: 0 2px 8px rgb(0 0 0 / 24%);--sl-shadow-x-large: 0 4px 16px rgb(0 0 0 / 24%);--sl-spacing-3x-small: .125rem;--sl-spacing-2x-small: .25rem;--sl-spacing-x-small: .5rem;--sl-spacing-small: .75rem;--sl-spacing-medium: 1rem;--sl-spacing-large: 1.25rem;--sl-spacing-x-large: 1.75rem;--sl-spacing-2x-large: 2.25rem;--sl-spacing-3x-large: 3rem;--sl-spacing-4x-large: 4.5rem;--sl-transition-x-slow: 1s;--sl-transition-slow: .5s;--sl-transition-medium: .25s;--sl-transition-fast: .15s;--sl-transition-x-fast: 50ms;--sl-font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--sl-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--sl-font-serif: Georgia, "Times New Roman", serif;--sl-font-size-2x-small: .625rem;--sl-font-size-x-small: .75rem;--sl-font-size-small: .875rem;--sl-font-size-medium: 1rem;--sl-font-size-large: 1.25rem;--sl-font-size-x-large: 1.5rem;--sl-font-size-2x-large: 2.25rem;--sl-font-size-3x-large: 3rem;--sl-font-size-4x-large: 4.5rem;--sl-font-weight-light: 300;--sl-font-weight-normal: 400;--sl-font-weight-semibold: 500;--sl-font-weight-bold: 700;--sl-letter-spacing-denser: -.03em;--sl-letter-spacing-dense: -.015em;--sl-letter-spacing-normal: normal;--sl-letter-spacing-loose: .075em;--sl-letter-spacing-looser: .15em;--sl-line-height-denser: 1;--sl-line-height-dense: 1.4;--sl-line-height-normal: 1.8;--sl-line-height-loose: 2.2;--sl-line-height-looser: 2.6;--sl-focus-ring-color: var(--sl-color-primary-700);--sl-focus-ring-style: solid;--sl-focus-ring-width: 3px;--sl-focus-ring: var(--sl-focus-ring-style) var(--sl-focus-ring-width) var(--sl-focus-ring-color);--sl-focus-ring-offset: 1px;--sl-button-font-size-small: var(--sl-font-size-x-small);--sl-button-font-size-medium: var(--sl-font-size-small);--sl-button-font-size-large: var(--sl-font-size-medium);--sl-input-height-small: 1.875rem;--sl-input-height-medium: 2.5rem;--sl-input-height-large: 3.125rem;--sl-input-background-color: var(--sl-color-neutral-0);--sl-input-background-color-hover: var(--sl-input-background-color);--sl-input-background-color-focus: var(--sl-input-background-color);--sl-input-background-color-disabled: var(--sl-color-neutral-100);--sl-input-border-color: var(--sl-color-neutral-400);--sl-input-border-color-hover: var(--sl-color-neutral-500);--sl-input-border-color-focus: var(--sl-color-primary-600);--sl-input-border-color-disabled: var(--sl-color-neutral-400);--sl-input-border-width: 1px;--sl-input-required-content: "*";--sl-input-required-content-offset: -2px;--sl-input-required-content-color: var(--sl-input-label-color);--sl-input-border-radius-small: var(--sl-border-radius-medium);--sl-input-border-radius-medium: var(--sl-border-radius-medium);--sl-input-border-radius-large: var(--sl-border-radius-medium);--sl-input-font-family: var(--sl-font-sans);--sl-input-font-weight: var(--sl-font-weight-normal);--sl-input-font-size-small: var(--sl-font-size-small);--sl-input-font-size-medium: var(--sl-font-size-medium);--sl-input-font-size-large: var(--sl-font-size-large);--sl-input-letter-spacing: var(--sl-letter-spacing-normal);--sl-input-color: var(--sl-color-neutral-700);--sl-input-color-hover: var(--sl-color-neutral-700);--sl-input-color-focus: var(--sl-color-neutral-700);--sl-input-color-disabled: var(--sl-color-neutral-900);--sl-input-icon-color: var(--sl-color-neutral-500);--sl-input-icon-color-hover: var(--sl-color-neutral-600);--sl-input-icon-color-focus: var(--sl-color-neutral-600);--sl-input-placeholder-color: var(--sl-color-neutral-500);--sl-input-placeholder-color-disabled: var(--sl-color-neutral-600);--sl-input-spacing-small: var(--sl-spacing-small);--sl-input-spacing-medium: var(--sl-spacing-medium);--sl-input-spacing-large: var(--sl-spacing-large);--sl-input-focus-ring-color: hsl(198.6 88.7% 48.4% / 40%);--sl-input-focus-ring-offset: 0;--sl-input-filled-background-color: var(--sl-color-neutral-100);--sl-input-filled-background-color-hover: var(--sl-color-neutral-100);--sl-input-filled-background-color-focus: var(--sl-color-neutral-100);--sl-input-filled-background-color-disabled: var(--sl-color-neutral-100);--sl-input-filled-color: var(--sl-color-neutral-800);--sl-input-filled-color-hover: var(--sl-color-neutral-800);--sl-input-filled-color-focus: var(--sl-color-neutral-700);--sl-input-filled-color-disabled: var(--sl-color-neutral-800);--sl-input-label-font-size-small: var(--sl-font-size-small);--sl-input-label-font-size-medium: var(--sl-font-size-medium);--sl-input-label-font-size-large: var(--sl-font-size-large);--sl-input-label-color: inherit;--sl-input-help-text-font-size-small: var(--sl-font-size-x-small);--sl-input-help-text-font-size-medium: var(--sl-font-size-small);--sl-input-help-text-font-size-large: var(--sl-font-size-medium);--sl-input-help-text-color: var(--sl-color-neutral-600);--sl-toggle-size-small: .875rem;--sl-toggle-size-medium: 1.125rem;--sl-toggle-size-large: 1.375rem;--sl-overlay-background-color: hsl(0 0% 0% / 43%);--sl-panel-background-color: var(--sl-color-neutral-50);--sl-panel-border-color: var(--sl-color-neutral-200);--sl-panel-border-width: 1px;--sl-tooltip-border-radius: var(--sl-border-radius-medium);--sl-tooltip-background-color: var(--sl-color-neutral-800);--sl-tooltip-color: var(--sl-color-neutral-0);--sl-tooltip-font-family: var(--sl-font-sans);--sl-tooltip-font-weight: var(--sl-font-weight-normal);--sl-tooltip-font-size: var(--sl-font-size-small);--sl-tooltip-line-height: var(--sl-line-height-dense);--sl-tooltip-padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-small);--sl-tooltip-arrow-size: 6px;--sl-z-index-drawer: 700;--sl-z-index-dialog: 800;--sl-z-index-dropdown: 900;--sl-z-index-toast: 950;--sl-z-index-tooltip: 1000}@supports (scrollbar-gutter: stable){.sl-scroll-lock{scrollbar-gutter:var(--sl-scroll-lock-gutter)!important}.sl-scroll-lock body{overflow:hidden!important}}@supports not (scrollbar-gutter: stable){.sl-scroll-lock body{padding-right:var(--sl-scroll-lock-size)!important;overflow:hidden!important}}.sl-toast-stack{position:fixed;top:0;inset-inline-end:0;z-index:var(--sl-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.sl-toast-stack sl-alert{margin:var(--sl-spacing-medium)}.sl-toast-stack sl-alert::part(base){box-shadow:var(--sl-shadow-large)}:root{--dashboard-bg-start: #1e3c72;--dashboard-bg-end: #2a5298;--dashboard-text-color: #ffffff;--dashboard-widget-bg: rgba(255, 255, 255, .05);--dashboard-widget-border: rgba(255, 255, 255, .1)}.factory-dashboard-container{min-height:100vh;width:100%;max-width:100vw;background:linear-gradient(135deg,var(--dashboard-bg-start) 0%,var(--dashboard-bg-end) 100%);color:var(--dashboard-text-color);overflow-x:hidden}.factory-dashboard-header{background:#0000004d;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100;gap:20px;flex-wrap:wrap}.factory-dashboard-header h1{font-size:24px;font-weight:600;margin:0;color:#fff;flex:1;min-width:300px}.dashboard-time{font-size:16px;opacity:.9;color:#fff;margin-right:15px}.factory-dashboard-header .dashboard-time,.factory-dashboard-header .color-picker-container{display:inline-block;vertical-align:middle}.dashboard-footer{background:#0000004d;padding:10px 30px;display:flex;justify-content:space-between;align-items:center;font-size:12px;opacity:.7;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 1600px){.factory-dashboard{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1200px){.factory-dashboard{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.factory-dashboard{grid-template-columns:repeat(2,1fr);padding:10px;gap:10px}.factory-dashboard-header h1{font-size:18px}.dashboard-time{font-size:14px}.dashboard-widget{padding:15px;min-height:240px}}@media (max-width: 600px){.factory-dashboard{grid-template-columns:1fr}.factory-dashboard-header{flex-direction:column;gap:10px;text-align:center}}.factory-dashboard-container canvas{max-height:120px}.factory-dashboard-container .chart-container{color:#fff}.dashboard-tabs{display:flex;gap:10px;padding:10px 30px 0;background:#0003;border-bottom:2px solid rgba(255,255,255,.1);overflow-x:auto;width:100%;max-width:100vw}.dashboard-tab{padding:12px 24px;background:#ffffff0d;border:none;border-radius:8px 8px 0 0;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;white-space:nowrap;flex-shrink:0}.dashboard-tab:hover{background:#ffffff1a;color:#ffffffe6}.dashboard-tab.active{background:#00d4ff33;color:var(--ai-highlight);border-bottom-color:var(--ai-highlight)}.factory-dashboard-container .tab-content{display:none}.factory-dashboard-container .tab-content.active{display:block}.dashboard-tabs-mobile{display:none;padding:10px 20px;background:#0003;border-bottom:2px solid rgba(255,255,255,.1)}.dashboard-select{width:100%;padding:12px 40px 12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;outline:none;appearance:none;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="white" d="M6 8L0 0h12z"/></svg>');background-repeat:no-repeat;background-position:right 12px center}.dashboard-select:focus{background:#ffffff26;border-color:var(--ai-highlight)}.dashboard-select option{background:#2a5298;color:#fff;padding:10px}@media (max-width: 768px){.dashboard-tabs{display:none}.dashboard-tabs-mobile{display:block}}.factory-dashboard{padding:20px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;max-width:1920px;width:100%;margin:0 auto;grid-auto-flow:dense}.ai-dashboard{grid-template-columns:repeat(5,1fr)}.factory-dashboard .full-width,.ai-dashboard .full-width{grid-column:1 / -1}.factory-dashboard .span-2,.ai-dashboard .span-2{grid-column:span 2}.fixed-height{height:200px}.dashboard-widget{background:#ffffff1a;border-radius:12px;padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;min-height:320px;max-height:420px}.dashboard-widget:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.widget-title{font-size:14px;font-weight:600;margin-bottom:12px;color:#e8f4ff;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.3}.widget-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-right:4px;font-size:12px}.metric-value{font-size:28px;font-weight:700;color:var(--ai-highlight);margin:10px 0}.metric-label{font-size:12px;opacity:.8;margin-bottom:5px;color:#fff}.progress-bar{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin:8px 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--ai-highlight),#0099cc);border-radius:4px;transition:width .8s ease}.status-good{color:var(--success-color)!important}.status-warning{color:var(--warning-color)!important}.status-alert{color:var(--error-color)!important}.chart-container{position:relative;height:120px;margin-top:auto}.factory-dashboard-container .data-table{font-size:11px;margin-top:10px;width:100%;border-collapse:collapse;background:transparent}.factory-dashboard-container .data-table th,.factory-dashboard-container .data-table td{padding:6px 8px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.factory-dashboard-container .data-table thead{background:transparent!important}.factory-dashboard-container .data-table th{background:transparent!important;font-weight:600;font-size:10px;text-transform:uppercase;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.2)}.factory-dashboard-container .data-table tbody,.factory-dashboard-container .data-table tbody tr{background:transparent}.factory-dashboard-container .data-table tbody tr:hover{background:#ffffff0d}.alert-item{background:#ff575733;padding:8px;margin:4px 0;border-radius:4px;font-size:12px;border-left:3px solid #ff5757;animation:alertPulse 2s ease-in-out infinite}@keyframes alertPulse{0%,to{opacity:1}50%{opacity:.7}}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:10px}.kpi-item{text-align:center;padding:10px;background:#ffffff1a;border-radius:8px}.trend-indicator{display:inline-block;margin-left:5px;font-size:14px}.widget-content::-webkit-scrollbar{width:6px}.widget-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.widget-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.widget-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-widget{animation:fadeIn .5s ease-out}.dashboard-widget:nth-child(1){animation-delay:.05s}.dashboard-widget:nth-child(2){animation-delay:.1s}.dashboard-widget:nth-child(3){animation-delay:.15s}.dashboard-widget:nth-child(4){animation-delay:.2s}.dashboard-widget:nth-child(5){animation-delay:.25s}.dashboard-widget:nth-child(6){animation-delay:.3s}.dashboard-widget:nth-child(7){animation-delay:.35s}.dashboard-widget:nth-child(8){animation-delay:.4s}.dashboard-widget:nth-child(9){animation-delay:.45s}.dashboard-widget:nth-child(10){animation-delay:.5s}.ai-widget{border:2px solid rgba(0,212,255,.3);background:linear-gradient(135deg,#00d4ff1a,#ffffff0d);position:relative;overflow:visible}.ai-widget:before{content:"🤖";position:absolute;top:-8px;right:-8px;background:var(--ai-highlight);color:#000;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 2px 8px #00d4ff66}.ai-status{font-size:10px;padding:2px 6px;border-radius:10px;margin-left:8px}.ai-status.online{background:#4caf5033;color:var(--success-color);border:1px solid var(--success-color)}.ai-model-badge{position:absolute;bottom:8px;right:8px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;z-index:10}.ai-model-badge .model-name{font-size:9px;color:var(--ai-highlight);background:#00d4ff26;padding:2px 6px;border-radius:8px;border:1px solid rgba(0,212,255,.4);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ai-model-badge .tech-stack{font-size:8px;color:#fffc;background:#0009;padding:1px 4px;border-radius:6px;border:1px solid rgba(255,255,255,.2);font-family:Monaco,Courier New,monospace}.ai-insight-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff0d;border-radius:8px;margin-bottom:10px;border-left:3px solid var(--ai-highlight)}.insight-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#00d4ff33;border-radius:50%}.insight-content{flex:1}.insight-title{font-weight:600;font-size:14px;color:#e8f4ff;margin-bottom:4px}.insight-description{font-size:12px;color:#fffc;margin-bottom:6px;line-height:1.4}.insight-recommendation{font-size:11px;color:var(--ai-highlight);margin-bottom:4px}.insight-confidence{font-size:10px;color:var(--success-color);font-weight:500}.ai-summary{display:flex;justify-content:space-between;margin-top:15px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.summary-label{display:block;font-size:10px;color:#fff9;margin-bottom:2px}.summary-value{font-size:14px;font-weight:600;color:var(--ai-highlight)}.recommendation-item{background:#ffffff0d;border-radius:8px;padding:10px;margin-bottom:8px;border-left:3px solid var(--success-color)}.recommendation-item.priority-high{border-left-color:var(--error-color)}.recommendation-item.priority-medium{border-left-color:var(--warning-color)}.rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.rec-title{font-weight:600;font-size:12px;color:#e8f4ff}.rec-priority{font-size:9px;padding:2px 6px;border-radius:8px;text-transform:uppercase}.rec-priority.high{background:#f4433633;color:var(--error-color)}.rec-priority.medium{background:#ff980033;color:var(--warning-color)}.rec-priority.low{background:#4caf5033;color:var(--success-color)}.rec-description,.rec-impact,.rec-action{font-size:11px;color:#fffc;margin-bottom:4px;line-height:1.4}.ai-actions{display:flex;gap:8px;margin-top:10px}.ai-btn{padding:6px 12px;border:1px solid rgba(0,212,255,.5);background:#00d4ff1a;color:var(--ai-highlight);border-radius:6px;cursor:pointer;font-size:11px;transition:all .3s}.ai-btn:hover{background:#00d4ff33;transform:translateY(-1px)}.ai-btn.secondary{border-color:#ffffff4d;color:#fffc;background:#ffffff0d}.health-metrics{margin:15px 0}.health-item{margin-bottom:15px}.health-label{font-size:12px;color:#fffc;margin-bottom:6px}.health-bar{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-bottom:4px}.health-fill{height:100%;background:linear-gradient(90deg,var(--ai-highlight),#0099cc);border-radius:4px;transition:width .8s ease}.health-fill.good{background:linear-gradient(90deg,var(--success-color),#45a049)}.health-fill.warning{background:linear-gradient(90deg,var(--warning-color),#f57c00)}.health-fill.critical{background:linear-gradient(90deg,var(--error-color),#d32f2f)}.health-value{font-size:14px;font-weight:600;color:var(--ai-highlight)}.health-indicators{display:flex;flex-direction:column;gap:8px;margin-top:10px}.indicator{display:flex;align-items:center;gap:8px;font-size:11px;color:#fffc}.indicator-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d}.indicator.active .indicator-dot{background:var(--success-color);box-shadow:0 0 8px var(--success-color);animation:pulse 2s infinite}.indicator.inactive .indicator-dot{background:#666}.prediction-item{background:#ffffff0d;border-radius:8px;padding:10px;margin-bottom:8px;border-left:3px solid var(--ai-highlight)}.prediction-item.risk-high{border-left-color:var(--error-color)}.prediction-item.risk-medium{border-left-color:var(--warning-color)}.equipment-name{font-weight:600;font-size:12px;color:#e8f4ff;margin-bottom:4px}.prediction-status{font-size:11px;color:#fffc;margin-bottom:4px}.prediction-status.good{color:var(--success-color)}.probability,.recommendation{font-size:10px;color:#ffffffb3}.maintenance-summary{display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.summary-metric{text-align:center}.metric-label{display:block;font-size:10px;color:#fff9;margin-bottom:2px}.metric-value{font-size:14px;font-weight:600;color:var(--ai-highlight)}.update-frequency{font-size:11px;color:#fff9;background:#00d4ff26;padding:3px 8px;border-radius:10px;margin-left:8px;font-weight:500;border:1px solid rgba(0,212,255,.3)}.update-info{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);font-size:11px}.last-update-label{color:#ffffff80;font-weight:500}.last-update-time{color:var(--ai-highlight);font-weight:600;font-family:Courier New,monospace;background:#00d4ff1a;padding:2px 6px;border-radius:4px}.ai-summary .summary-item:has(#insights-last-update){grid-column:1 / -1;text-align:center;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.ai-summary .summary-item:has(#insights-last-update) .summary-label{font-size:10px}.ai-summary .summary-item:has(#insights-last-update) .summary-value{font-family:Courier New,monospace}.scheduling-info{display:flex;justify-content:space-between;gap:10px;margin-bottom:15px;padding:10px;background:#ffffff0d;border-radius:8px}.peak-time-indicator,.energy-savings{flex:1;text-align:center}.indicator-label,.savings-label{display:block;font-size:11px;color:#fff9;margin-bottom:5px}.time-period{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.time-period.peak{background:#ff634733;color:tomato;border:1px solid rgba(255,99,71,.4)}.time-period.off-peak{background:#00d4ff33;color:var(--ai-highlight);border:1px solid rgba(0,212,255,.4)}.time-period.normal{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.4)}.savings-value{font-size:18px;font-weight:700;color:#0f8}.scheduling-recommendations{max-height:140px;overflow-y:auto}.scheduling-item{padding:8px;margin-bottom:8px;background:#ffffff0d;border-radius:6px;border-left:3px solid var(--ai-highlight)}.workorder-info{font-size:12px;color:#ffffffe6;margin-bottom:4px}.scheduling-time{font-size:11px;color:#fff9}.scheduling-benefit{font-size:10px;color:#0f8;margin-top:4px}.scheduling-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.quality-status{font-size:11px;padding:3px 10px;border-radius:10px;font-weight:600;margin-left:8px}.quality-status.good{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.4)}.quality-status.warning{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.4)}.quality-status.danger{background:#ff634733;color:tomato;border:1px solid rgba(255,99,71,.4)}.quality-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px}.quality-metric{text-align:center;padding:10px;background:#ffffff0d;border-radius:8px}.metric-value-large{font-size:28px;font-weight:700;margin:8px 0}.metric-value-large.good{color:#0f8}.metric-value-large.warning{color:gold}.metric-value-large.danger{color:tomato}.metric-trend{font-size:12px;margin-top:4px}.trend-up{color:#0f8}.trend-down{color:tomato}.trend-stable{color:gold}.metric-status{font-size:11px;padding:2px 8px;border-radius:8px;display:inline-block;margin-top:4px}.metric-status.good{background:#00ff8826;color:#0f8}.metric-status.warning{background:#ffd70026;color:gold}.metric-status.danger{background:#ff634726;color:tomato}.quality-indicators{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.quality-indicator{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff0d;border-radius:6px;font-size:12px}.indicator-icon{font-size:14px}.indicator-text{flex:1;color:#fffc}.indicator-text strong{color:var(--ai-highlight);font-weight:600}.top-defects{margin-top:10px}.defects-title{font-size:12px;color:#ffffffb3;margin-bottom:8px;font-weight:600}.defect-item{display:flex;align-items:center;gap:8px;padding:6px 8px;margin-bottom:4px;background:#ffffff0d;border-radius:4px;font-size:11px}.defect-rank{width:20px;height:20px;background:#00d4ff33;color:var(--ai-highlight);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:10px}.defect-placeholder{text-align:center;padding:20px;color:#ffffff80;font-size:12px}.quality-full-layout{display:flex;gap:20px;height:100%}.quality-main-section{flex:2;min-width:0}.quality-detail-section{flex:1;min-width:300px;display:flex;flex-direction:column;gap:10px}.quality-metrics-grid-full{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:15px}.quality-metric-card{background:#ffffff0d;border-radius:8px;padding:15px;border:1px solid rgba(255,255,255,.1);text-align:center}.metric-value-xl{font-size:32px;font-weight:700;margin:10px 0;color:var(--ai-highlight)}.metric-value-xl.good{color:#0f8}.metric-value-xl.warning{color:gold}.metric-value-xl.danger{color:tomato}.metric-value-xl.savings{color:#0f8}.metric-subtitle{font-size:10px;opacity:.6;margin-top:5px}.quality-indicators-full{display:flex;flex-direction:column;gap:12px}.indicator-group{background:#ffffff0d;border-radius:6px;padding:10px;border:1px solid rgba(255,255,255,.1)}.group-title{font-size:11px;font-weight:600;color:var(--ai-highlight);margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.1)}.quality-indicator-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:11px}.defects-list-full{display:flex;flex-direction:column;gap:4px}.prediction-card{background:#ffffff0d;border-radius:8px;padding:15px;margin-bottom:12px;text-align:center}.prediction-label{font-size:11px;opacity:.8;margin-bottom:8px}.prediction-value{font-size:36px;font-weight:700;color:#0f8;margin:10px 0}.confidence-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin:10px 0}.confidence-fill{height:100%;background:linear-gradient(90deg,var(--ai-highlight),#00ff88);transition:width .5s ease}.confidence-label{font-size:10px;opacity:.7}.prediction-trends{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.trend-item{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffff0d;border-radius:6px;font-size:11px}.trend-icon{font-size:16px}.trend-label{flex:1;color:#fffc}.trend-value{font-weight:600;color:var(--ai-highlight)}.prediction-factors{margin-top:10px}.factors-title{font-size:11px;font-weight:600;margin-bottom:8px;color:var(--ai-highlight)}.factor-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#ffffff0d;border-radius:4px;margin-bottom:4px;font-size:10px}.factor-name{color:#fffc}.factor-impact{padding:2px 8px;border-radius:10px;font-weight:600;font-size:9px}.factor-impact.impact-high{background:#ff634733;color:tomato}.factor-impact.impact-medium{background:#ffd70033;color:gold}.factor-impact.impact-low{background:#0f83;color:#0f8}.wms-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}.wms-metric{background:#ffffff0d;border-radius:6px;padding:12px;text-align:center}.metric-value-medium{font-size:24px;font-weight:700;color:var(--ai-highlight);margin:8px 0}.wms-alerts{margin-bottom:12px}.alerts-title{font-size:11px;font-weight:600;margin-bottom:8px;color:gold}.alert-item{display:flex;align-items:center;gap:8px;padding:8px;background:#ffd7001a;border-left:3px solid #ffd700;border-radius:4px;margin-bottom:6px;font-size:10px}.alert-icon{font-size:14px}.alert-text{flex:1;color:#ffffffe6}.wms-recommendations{margin-top:10px}.recommendation-item{padding:8px;background:#00d4ff1a;border-left:3px solid var(--ai-highlight);border-radius:4px;margin-bottom:6px;font-size:10px;color:#ffffffe6}.quality-full-layout,.energy-full-layout{display:flex;gap:20px;height:100%}.quality-metrics-section,.energy-metrics-section{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;min-width:380px}.quality-analysis-section,.energy-recommendations-section{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.quality-card-square,.energy-card-square{background:#ffffff14;border-radius:8px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,255,255,.15);transition:all .3s ease;min-height:120px}.quality-card-square:hover,.energy-card-square:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff33}.card-header{font-size:11px;color:#ffffffb3;margin-bottom:10px;font-weight:600}.card-value{font-size:36px;font-weight:700;color:var(--ai-highlight);margin:8px 0;line-height:1}.card-value.good{color:#0f8}.card-value.warning{color:gold}.card-value.danger{color:tomato}.card-value.savings{color:#0f8}.card-period{font-size:28px;font-weight:700;padding:8px 16px;border-radius:6px;margin:8px 0}.card-period.off-peak{background:#0f83;color:#0f8}.card-period.peak{background:#ff634733;color:tomato}.card-period.semi-peak{background:#ffd70033;color:gold}.card-trend{font-size:12px;margin:5px 0;font-weight:600}.card-trend .trend-up{color:#0f8}.card-trend .trend-down{color:tomato}.card-trend .trend-stable{color:gold}.card-status{font-size:11px;padding:3px 10px;border-radius:12px;margin:5px 0;font-weight:600}.card-status.good{background:#0f83;color:#0f8}.card-status.warning{background:#ffd70033;color:gold}.card-status.danger{background:#ff634733;color:tomato}.card-subtitle{font-size:9px;color:#ffffff80;margin-top:5px;text-transform:uppercase;letter-spacing:.5px}.update-info-inline{display:flex;align-items:center;gap:15px;padding:8px 15px;background:#0003;border-radius:0 0 12px 12px;font-size:10px;color:#fff9;margin-top:auto}.ai-model-inline{margin-left:auto;font-size:9px;opacity:.7}.analysis-group{background:#ffffff0d;border-radius:6px;padding:12px;border:1px solid rgba(255,255,255,.1)}.group-title{font-size:12px;font-weight:600;color:var(--ai-highlight);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}.quality-indicator-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:11px}.indicator-label{color:#ffffffb3}.indicator-value{color:#0f8;font-weight:600}.defects-list-compact{display:flex;flex-direction:column;gap:5px}.defect-item-compact{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#ffffff0d;border-radius:4px;font-size:11px}.defect-rank{width:22px;height:22px;background:#00d4ff33;color:var(--ai-highlight);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.defect-name{flex:1;color:#ffffffe6}.defect-count{color:tomato;font-weight:600}.recommendations-header{background:#00d4ff1a;border-radius:6px;padding:10px 12px;border:1px solid rgba(0,212,255,.3)}.header-info{font-size:10px;color:#fffc;margin-top:5px}.recommendations-list-vertical{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;padding-right:4px}.recommendation-card{background:#ffffff0d;border-left:3px solid #00ff88;border-radius:4px;padding:10px 12px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.recommendation-card:hover{background:#ffffff14;transform:translate(3px)}.rec-workorder{font-size:11px;font-weight:700;color:var(--ai-highlight);min-width:100px}.rec-details{flex:1;display:flex;flex-direction:column;gap:3px;font-size:10px;color:#ffffffb3}.rec-product{color:#ffffffe6}.rec-time{color:#ffd700e6}.rec-savings{font-size:11px;color:#ffffffb3;text-align:right;min-width:100px}.rec-savings strong{color:#0f8;font-size:13px}@media (max-width: 1024px){.factory-dashboard{grid-template-columns:repeat(3,1fr)!important;gap:12px;padding:12px}.dashboard-widget{min-height:280px;max-height:380px;padding:14px}.widget-title{font-size:13px}.widget-content{font-size:11px}.metric-value{font-size:28px}.factory-dashboard [style*="grid-column: span 2"]{grid-column:span 2!important}.factory-dashboard [style*="grid-column: span 4"]{grid-column:span 3!important}}@media (max-width: 768px){.factory-dashboard-container{padding:0;width:100vw}.factory-dashboard-header{padding:12px 15px}.factory-dashboard-header h1{font-size:18px}.dashboard-time{font-size:12px}.dashboard-tabs{display:none}.dashboard-tabs-mobile{display:block}.dashboard-title{font-size:18px}.dashboard-stats{width:100%;justify-content:space-between}.stat-card{min-width:auto;flex:1;padding:8px}.stat-label{font-size:9px}.stat-value{font-size:16px}.stat-unit{font-size:10px}.factory-dashboard{grid-template-columns:1fr!important;gap:10px;padding:8px}.factory-dashboard .dashboard-widget,.factory-dashboard .full-width,.factory-dashboard [style*=grid-column]{grid-column:1 / -1!important}.dashboard-widget{min-height:auto;max-height:none;padding:12px}.widget-title{font-size:12px;padding-bottom:6px}.widget-content{font-size:10px}.metric-value{font-size:24px}.kpi-grid{grid-template-columns:1fr;gap:10px}.data-table{font-size:10px}.data-table th,.data-table td{padding:4px 6px}.data-table th:nth-child(n+4),.data-table td:nth-child(n+4){display:none}.progress-bar{height:6px}.chart-container{height:100px}.dashboard-footer{padding:8px 12px;font-size:10px;flex-direction:column;gap:6px;text-align:center}}@media (max-width: 480px){.dashboard-header{padding:10px}.dashboard-title{font-size:16px}.dashboard-stats{flex-wrap:wrap}.stat-card{flex:1 1 calc(50% - 6px);min-width:auto}.factory-dashboard{padding:6px;gap:8px}.dashboard-widget{padding:10px;border-radius:8px}.widget-title{font-size:11px}.widget-content{font-size:9px}.metric-value{font-size:20px}button{font-size:10px;padding:6px 10px}}.resolution-notice-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease}.resolution-notice-modal{background:linear-gradient(135deg,#1e3c72,#2a5298);border:2px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:600px;width:90%;overflow:hidden;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.resolution-notice-header{background:#0000004d;padding:20px 30px;border-bottom:2px solid rgba(255,255,255,.1)}.resolution-notice-header h3{margin:0;font-size:24px;font-weight:600;color:#fff}.resolution-notice-body{padding:30px;color:#fff}.resolution-notice-body p{margin:0 0 20px;font-size:16px;line-height:1.6;opacity:.9}.resolution-info{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0;padding:20px;background:#0003;border-radius:12px}.resolution-item{flex:1;text-align:center}.resolution-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-bottom:10px}.resolution-value{font-size:28px;font-weight:700;margin-bottom:5px}.resolution-value.current{color:#fbbf24}.resolution-value.recommended{color:#4ade80}.resolution-subtitle{font-size:14px;opacity:.8;color:#4ade80}.resolution-arrow{font-size:32px;opacity:.6;flex-shrink:0}.resolution-note{background:#00d4ff1a;border-left:4px solid var(--ai-highlight);padding:15px;border-radius:8px;margin:20px 0 0;font-size:14px}.resolution-notice-footer{padding:20px 30px;background:#0003;border-top:2px solid rgba(255,255,255,.1);text-align:right}.resolution-notice-button{background:linear-gradient(135deg,var(--ai-highlight) 0%,#0099cc 100%);color:#fff;border:none;padding:12px 32px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00d4ff4d}.resolution-notice-button:hover{background:linear-gradient(135deg,#00f0ff,#0ad);transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff80}.resolution-notice-button:active{transform:translateY(0)}@media (max-width: 768px){.resolution-notice-modal{width:95%;max-width:none}.resolution-notice-header{padding:15px 20px}.resolution-notice-header h3{font-size:20px}.resolution-notice-body{padding:20px}.resolution-info{flex-direction:column;gap:15px}.resolution-arrow{transform:rotate(90deg);font-size:24px}.resolution-value{font-size:22px}.resolution-notice-footer{padding:15px 20px}.resolution-notice-button{width:100%;padding:14px}}.amc-analysis-container{min-height:100vh;background:var(--bg-secondary);color:var(--text-primary);padding:20px}.amc-analysis-header{background:var(--bg-color);padding:20px 30px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a}.amc-analysis-header h1{font-size:28px;font-weight:600;margin:0 0 10px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.amc-analysis-header p{font-size:14px;color:var(--text-secondary);margin:0}.amc-controls{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.amc-time-range{display:flex;gap:10px;align-items:center}.amc-time-range label{font-size:14px;opacity:.9}.amc-time-range select{background:var(--bg-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;font-size:14px;cursor:pointer;transition:all .2s ease}.amc-time-range select:hover{border-color:var(--primary-color)}.amc-time-range select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.amc-action-buttons{display:flex;gap:10px}.amc-btn{background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-weight:500}.amc-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.amc-btn:active{transform:translateY(0)}.amc-btn.export{background:var(--success-color)}.amc-btn.export:hover{background:var(--success-dark)}.amc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.amc-stat-card{background:var(--bg-color);border-radius:8px;padding:20px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.amc-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a;border-color:var(--border-hover)}.amc-stat-label{font-size:13px;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.amc-stat-value{font-size:32px;font-weight:700;margin-bottom:5px;color:var(--primary-color)}.amc-stat-unit{font-size:14px;color:var(--text-tertiary)}.amc-content{background:var(--bg-color);border-radius:8px;padding:20px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a}.amc-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid var(--border-color);padding-bottom:0}.amc-tab{background:transparent;color:var(--text-secondary);border:none;border-bottom:2px solid transparent;padding:12px 20px;font-size:14px;cursor:pointer;transition:all .2s ease;font-weight:500;margin-bottom:-2px}.amc-tab:hover{color:var(--primary-color);background:var(--bg-secondary)}.amc-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.amc-tab-content{display:none}.amc-tab-content.active{display:block}.amc-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.amc-chart-card{background:var(--bg-secondary);border-radius:8px;padding:20px;border:1px solid var(--border-color)}.amc-chart-title{font-size:16px;font-weight:600;margin-bottom:15px;color:var(--text-primary)}.amc-chart-container{position:relative;height:300px}.amc-table-container{overflow-x:auto;margin-top:20px}.amc-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--bg-color)}.amc-table thead{background:var(--bg-secondary);position:sticky;top:0;z-index:10}.amc-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--secondary-hover);border-bottom:2px solid var(--border-color);white-space:nowrap}.amc-table td{padding:10px 16px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.amc-table tbody tr{transition:background .2s ease}.amc-table tbody tr:hover{background:var(--bg-secondary)}.amc-result-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.amc-result-badge.pass{background:var(--success-light);color:var(--success-dark);border:1px solid var(--success-color)}.amc-result-badge.fail{background:var(--error-light);color:var(--error-dark);border:1px solid var(--error-color)}.amc-anomaly-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--warning-color);margin-left:8px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.amc-empty-state{text-align:center;padding:60px 20px}.amc-empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.amc-empty-state h3{font-size:20px;margin-bottom:10px;color:var(--text-primary);font-weight:600}.amc-empty-state p{font-size:14px;color:var(--text-secondary)}@media (max-width: 1200px){.amc-charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.amc-analysis-container{padding:10px}.amc-controls{flex-direction:column;align-items:stretch;gap:15px}.amc-time-range{flex-direction:column;align-items:stretch}.amc-stats{grid-template-columns:1fr}.amc-tabs{overflow-x:auto;flex-wrap:nowrap}.amc-table-container{max-width:100%}}.amc-loading{display:flex;justify-content:center;align-items:center;padding:60px 20px}.amc-loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--info-color);border-radius:50%;animation:spin 1s linear infinite}.amc-filter-bar{display:flex;gap:12px;margin-bottom:20px;align-items:center}.amc-search-input{flex:1;min-width:200px;background:var(--bg-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;font-size:14px;transition:all .2s ease;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.amc-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.amc-search-input::placeholder{color:var(--text-tertiary)}.amc-view-toggle{display:flex;gap:4px;background:var(--bg-secondary);padding:4px;border-radius:6px}.amc-view-btn{padding:6px 10px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center}.amc-view-btn:hover{background:#fff;color:var(--text-primary)}.amc-view-btn.active{background:var(--primary-color);color:#fff}.amc-pagination-info{font-size:14px;color:var(--text-secondary);margin-bottom:12px;padding:8px 0}.amc-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.amc-data-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:all .2s ease}.amc-data-card:hover{border-color:var(--primary-color);box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.amc-card-header{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.amc-card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:16px;color:var(--text-primary)}.amc-card-time{font-size:12px;color:var(--text-tertiary)}.amc-card-body{display:flex;flex-direction:column;gap:8px}.amc-card-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.amc-card-label{color:var(--text-secondary);font-weight:500}.amc-card-value{color:var(--text-primary);font-weight:600}.amc-card-value.highlight{color:var(--primary-color);font-size:16px}.amc-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:15px;background:var(--bg-secondary);border-radius:8px}.amc-page-btn{background:var(--bg-color);color:var(--primary-color);border:1px solid var(--border-color);border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .2s ease;font-weight:500}.amc-page-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.amc-page-btn:disabled{opacity:.4;cursor:not-allowed}.amc-page-number{padding:8px 16px;font-size:14px;color:var(--text-primary);font-weight:600;min-width:120px;text-align:center}@media (max-width: 768px){.amc-data-controls{flex-direction:column;align-items:stretch;gap:10px}.amc-view-switcher{width:100%}.amc-view-btn{flex:1}.amc-cards-grid{grid-template-columns:1fr}.amc-pagination{flex-wrap:wrap;gap:8px}.amc-page-btn{flex:1;min-width:80px}.amc-page-number{width:100%;order:-1}}.ai-page-container{min-height:100vh;background:var(--gradient-dark);padding:20px;color:#fff}.ai-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.page-title-section h1{font-size:32px;margin:0 0 8px;font-weight:700}.page-subtitle{font-size:14px;color:#fff9;margin:0}.page-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26}.ai-modules-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-bottom:30px}.ai-module{background:#ffffff14;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.ai-module:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000004d;border-color:#667eea80}.ai-module.full-width{grid-column:span 6}.ai-module.half-width{grid-column:span 3}.ai-module.third-width{grid-column:span 2}.ai-module.disabled{opacity:.5;pointer-events:none}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.module-header h3{margin:0;font-size:18px;font-weight:600}.update-badge{font-size:12px;padding:4px 10px;background:#667eea33;border-radius:20px;color:var(--info-color)}.badge-planning{font-size:12px;padding:4px 10px;background:#ffa50033;border-radius:20px;color:#ffb366}.module-content{min-height:100px}.yield-metrics-row,.power-status-row,.staffing-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.yield-card,.power-card,.shift-card{background:#ffffff0d;border-radius:8px;padding:16px;text-align:center}.metric-label,.card-label,.shift-label{font-size:12px;color:#fff9;margin-bottom:8px}.metric-value-xl{font-size:36px;font-weight:700;color:var(--ai-highlight)}.metric-value-lg{font-size:28px;font-weight:700;color:var(--ai-highlight)}.metric-value{font-size:20px;font-weight:600;color:var(--ai-highlight)}.metric-trend{font-size:14px;margin-top:8px}.trend-up{color:var(--success-color)}.trend-down{color:var(--error-color)}.trend-stable{color:var(--info-color)}.cpk-metrics{display:flex;flex-direction:column;gap:12px}.cpk-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.cpk-item .label{color:#ffffffb3}.cpk-item .value{font-weight:600;color:var(--ai-highlight)}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.good{background:var(--success-light);color:var(--success-color)}.status-badge.warning{background:var(--warning-light);color:var(--warning-color)}.status-badge.danger{background:var(--error-light);color:var(--error-color)}.status-badge.online{background:var(--success-light);color:var(--success-color)}.period-badge{font-size:24px;font-weight:700;padding:12px 20px;border-radius:8px;margin:12px 0}.period-badge.off-peak{background:#4ade8033;color:var(--success-color)}.period-badge.peak{background:#f8717133;color:var(--error-color)}.period-badge.semi-peak{background:#fbbf2433;color:var(--warning-color)}.countdown{color:var(--warning-color)!important;font-weight:700}.scheduling-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.scheduling-card{background:#ffffff0d;border-radius:8px;padding:12px;text-align:center;border:1px solid rgba(255,255,255,.1)}.card-rank{display:inline-block;width:24px;height:24px;border-radius:50%;background:var(--gradient-primary);color:#fff;font-weight:700;line-height:24px;font-size:12px;margin-bottom:8px}.card-workorder{font-size:13px;font-weight:600;color:var(--info-color);margin-bottom:4px}.card-product{font-size:11px;color:#fff9;margin-bottom:8px}.card-time{font-size:12px;color:var(--success-color);margin-bottom:4px}.card-savings{font-size:14px;font-weight:700;color:var(--warning-color)}.equipment-list,.recipe-list,.pallet-list{display:flex;flex-direction:column;gap:8px}.equipment-item,.recipe-item,.pallet-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#ffffff0d;border-radius:6px;font-size:13px}.eq-rank,.defect-rank{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#667eea4d;font-weight:700;font-size:12px}.zone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.zone{aspect-ratio:1;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.zone:hover{transform:scale(1.05);border-color:#667eea}.zone-label{font-size:18px;font-weight:700;margin-bottom:8px}.zone-status{font-size:24px;font-weight:700;color:var(--ai-highlight)}.shift-count{font-size:32px;font-weight:700;color:var(--ai-highlight);margin:8px 0}.shift-status{font-size:12px;padding:4px 10px;border-radius:20px}.shift-status.online{background:#4ade8033;color:var(--success-color)}.shift-status.standby{background:#fbbf2433;color:var(--warning-color)}.shift-status.offline{background:#94a3b833;color:#94a3b8}.schedule-table{width:100%;border-collapse:collapse;margin-top:16px}.schedule-table th,.schedule-table td{padding:12px;text-align:center;border:1px solid rgba(255,255,255,.1)}.schedule-table th{background:#ffffff0d;font-weight:600}.shift-morning{background:#fbbf2433;color:var(--warning-color)}.shift-afternoon{background:#60a5fa33;color:#60a5fa}.shift-night{background:#8b5cf633;color:#8b5cf6}.shift-rest{background:#94a3b833;color:#94a3b8}.search-bar{display:flex;gap:12px;margin-bottom:20px}.search-input{flex:1;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px}.search-input::placeholder{color:#fff6}.ai-model-info{margin-top:12px;text-align:center}.model-badge,.ai-model-inline{display:inline-block;padding:4px 12px;background:#8b5cf633;border-radius:20px;color:#a78bfa;font-size:11px;font-weight:500}.page-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);font-size:13px;color:#fff9}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.coming-soon-icon{font-size:64px;margin-bottom:20px}.coming-soon-text h4{margin:0 0 8px;font-size:20px;color:#fffc}.coming-soon-text p{margin:0;color:#ffffff80;font-size:14px}.placeholder-text{text-align:center;padding:40px;color:#fff6;font-size:14px}.no-anomaly,.no-alert,.no-shortage{text-align:center;padding:30px;font-size:16px;color:var(--success-color)}@media (max-width: 1600px){.ai-modules-grid{grid-template-columns:repeat(4,1fr)}.ai-module.full-width{grid-column:span 4}.ai-module.half-width{grid-column:span 2}}@media (max-width: 1200px){.ai-modules-grid{grid-template-columns:repeat(2,1fr)}.ai-module.full-width,.ai-module.half-width,.ai-module.third-width{grid-column:span 2}.scheduling-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.ai-modules-grid{grid-template-columns:1fr}.ai-module.full-width,.ai-module.half-width,.ai-module.third-width{grid-column:span 1}.scheduling-grid{grid-template-columns:repeat(2,1fr)}.zone-grid{grid-template-columns:1fr}}.inventory-summary{display:flex;justify-content:space-around;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.summary-item{text-align:center}.summary-item .label{font-size:12px;color:#fff9;margin-bottom:4px}.summary-item .value{font-size:24px;font-weight:700;color:var(--ai-highlight)}.allocation-result{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#ffffff0d;border-radius:6px}.item-label{font-size:13px;color:#ffffffb3}.item-value{font-size:16px;font-weight:600;color:var(--ai-highlight)}.turnover-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:12px}.metric-large{text-align:center;padding:16px;background:#ffffff0d;border-radius:8px}.metric-large .metric-value{font-size:32px;font-weight:700;color:var(--ai-highlight);margin-bottom:4px}.metric-large .metric-label{font-size:12px;color:#fff9}.stale-warning{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#fbbf241a;border-radius:6px;border:1px solid rgba(251,191,36,.3)}.warning-icon{font-size:18px}.utilization-gauge{text-align:center;padding:20px}.gauge-value{font-size:36px;font-weight:700;color:var(--ai-highlight);margin-bottom:8px}.gauge-label{font-size:12px;color:#fff9}.trend-mini{text-align:center;font-size:13px;color:var(--success-color);margin-top:8px}.alert-list-compact{display:flex;flex-direction:column;gap:8px}.alert-item-compact{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:6px;font-size:13px}.alert-item-compact.low{background:#f8717126;border-left:3px solid var(--error-color)}.alert-item-compact.stale{background:#fbbf2426;border-left:3px solid var(--warning-color)}.alert-count{font-size:20px;font-weight:700;color:var(--ai-highlight)}.schedule-summary{display:flex;flex-direction:column;gap:10px}.schedule-item{display:flex;flex-direction:column;gap:4px}.schedule-item .label{font-size:12px;color:#fff9}.schedule-item .value{font-size:16px;font-weight:600;color:var(--ai-highlight)}.progress-mini{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .3s ease}.forecast-info{text-align:center;margin-top:12px;font-size:13px;color:#fffc}.search-bar-mini{display:flex;gap:8px;margin-bottom:12px}.search-input-mini{flex:1;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:13px}.search-input-mini::placeholder{color:#fff6}.btn-primary-sm{padding:8px 16px;background:var(--gradient-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;transition:all .3s ease}.btn-primary-sm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary-sm{padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;font-size:12px;transition:all .3s ease}.btn-secondary-sm:hover{background:#ffffff26}.pallet-item{padding:10px;background:#ffffff0d;border-radius:6px;margin-bottom:8px}.pallet-id{font-size:14px;font-weight:600;color:var(--ai-highlight);margin-bottom:4px}.pallet-location,.pallet-status{font-size:12px;color:#ffffffb3;margin-bottom:2px}.optimization-list{display:flex;flex-direction:column;gap:16px}.optimization-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.opt-icon{font-size:32px;min-width:40px;text-align:center}.opt-content{flex:1}.opt-title{font-size:15px;font-weight:600;color:var(--ai-highlight);margin-bottom:6px}.opt-description{font-size:13px;color:#ffffffb3;margin-bottom:6px}.opt-benefit{font-size:13px;font-weight:600;color:var(--success-color)}.yield-metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.yield-card{background:#ffffff0d;border-radius:8px;padding:16px;text-align:center}.spec-limits{display:flex;justify-content:space-around;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.limit-item{text-align:center}.limit-label{font-size:11px;color:#fff9;margin-bottom:4px}.limit-value{font-size:14px;font-weight:600;color:var(--ai-highlight)}.control-info{display:flex;justify-content:space-around;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.info-item{font-size:12px;color:#ffffffb3}.heatmap-container{margin-bottom:12px}.defect-stats{display:flex;justify-content:space-around}.stat-item{text-align:center}.stat-label{font-size:11px;color:#fff9;margin-bottom:4px}.stat-value{font-size:16px;font-weight:600;color:var(--ai-highlight)}.recipe-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.stat-big{text-align:center;padding:12px;background:#ffffff0d;border-radius:6px}.stat-big .stat-value{font-size:28px;font-weight:700;color:var(--ai-highlight);margin-bottom:4px}.stat-big .stat-label{font-size:11px;color:#fff9}.pareto-summary{text-align:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.summary-text{font-size:13px;color:#ffffffb3;margin:0}.toc-metric{text-align:center;padding:16px;background:#ffffff0d;border-radius:8px;margin-bottom:12px}.aging-warning{text-align:center;padding:10px;border-radius:6px;margin-bottom:8px}.aging-warning.normal{background:#4ade8026;color:var(--success-color)}.aging-warning.alert{background:#fbbf2426;color:var(--warning-color)}.toc-info{text-align:center;font-size:12px;color:#ffffffb3}.prediction-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.prediction-item{text-align:center;padding:16px;background:#ffffff0d;border-radius:8px}.pred-label{font-size:12px;color:#fff9;margin-bottom:8px}.pred-value{font-size:28px;font-weight:700;color:var(--ai-highlight);margin-bottom:4px}.confidence{font-size:11px;color:#ffffff80}.anomaly-list{min-height:100px;display:flex;align-items:center;justify-content:center}.trace-results{min-height:120px;display:flex;align-items:center;justify-content:center}.trace-result{padding:16px;background:#ffffff0d;border-radius:8px;width:100%}.trace-result h4{margin:0 0 12px;color:var(--ai-highlight);font-size:16px}.trace-result p{margin:6px 0;font-size:13px;color:#fffc}.decision-center{padding:20px;background:#f5f7fa;min-height:100vh}.decision-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.decision-header h2{margin:0;color:#2c3e50;font-size:24px}.decision-meta{display:flex;align-items:center;gap:16px;color:#666;font-size:14px}.loading-progress{display:inline-flex;align-items:center;padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;font-size:13px;font-weight:600;animation:pulse-progress 1.5s ease-in-out infinite;box-shadow:0 2px 8px #667eea4d}.loading-progress #progressCount{font-weight:700;font-size:14px;margin:0 2px}@keyframes pulse-progress{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.btn-simulator{padding:8px 16px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #f5576c4d}.btn-simulator:hover{transform:translateY(-1px);box-shadow:0 4px 8px #f5576c66}.btn-refresh{padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s}.btn-refresh:hover{background:#2980b9}.decision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;grid-auto-rows:minmax(auto,max-content);align-items:start}.decision-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.decision-panel:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.decision-panel.span-2{grid-column:span 2}.decision-panel.span-4{grid-column:span 4}.panel-header{padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0}.panel-header h3{margin:0;font-size:16px;font-weight:600}.panel-body{padding:20px;overflow:visible;flex:1 1 auto;min-height:fit-content}.health-score{font-size:28px;font-weight:700;padding:8px 16px;border-radius:6px;background:#fff3}.health-score.excellent{background:#4caf504d}.health-score.good{background:#ffc1074d}.health-score.fair{background:#ff98004d}.health-score.poor{background:#f443364d}.health-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.metric{padding:12px;background:#f8f9fa;border-radius:6px}.metric label{display:block;font-size:13px;color:#666;margin-bottom:8px}.metric-value{font-size:20px;font-weight:700;color:#2c3e50}.metric-value span{margin-right:8px}.progress-bar{height:8px;background:#e0e0e0;border-radius:4px;margin-top:8px;overflow:hidden}.progress-fill{height:100%;background:#4caf50;transition:width .5s,background-color .3s}.recommendations{background:#e3f2fd;border-left:4px solid #2196F3;padding:12px 16px;border-radius:4px}.recommendation-item{margin:8px 0;font-size:14px;color:#1976d2;line-height:1.6}.profit-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.profit-item{padding:12px;background:#f8f9fa;border-radius:6px}.profit-item.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.profit-item.highlight label,.profit-item.highlight .value{color:#fff}.profit-item label{display:block;font-size:13px;color:#666;margin-bottom:4px}.profit-item .value{font-size:18px;font-weight:700;color:#2c3e50;display:block;margin:4px 0}.profit-item .change{font-size:12px;font-weight:600;margin-left:8px}.change.positive{color:#4caf50}.change.negative{color:#f44336}.cost-breakdown{margin-top:20px}.cost-breakdown h4{margin:0 0 12px;font-size:14px;color:#666}.breakdown-bar{display:flex;height:30px;border-radius:6px;overflow:hidden;margin-bottom:12px}.breakdown-segment{transition:all .3s;cursor:pointer}.breakdown-segment:hover{opacity:.8}.breakdown-segment.material{background:#ff6b6b}.breakdown-segment.labor{background:#4ecdc4}.breakdown-segment.energy{background:#ffe66d}.breakdown-segment.overhead{background:#95e1d3}.breakdown-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-size:12px}.breakdown-legend div{display:flex;align-items:center;gap:6px}.legend-color{width:12px;height:12px;border-radius:2px}.legend-color.material{background:#ff6b6b}.legend-color.labor{background:#4ecdc4}.legend-color.energy{background:#ffe66d}.legend-color.overhead{background:#95e1d3}.alerts{margin-top:16px}.alert{padding:10px 12px;border-radius:6px;margin:8px 0;font-size:13px;line-height:1.5}.alert.warning{background:#fff3cd;border-left:4px solid #FFC107;color:#856404}.alert.critical{background:#f8d7da;border-left:4px solid #F44336;color:#721c24}.alert.success{background:#d4edda;border-left:4px solid #4CAF50;color:#155724}.alert.info{background:#d1ecf1;border-left:4px solid #17a2b8;color:#0c5460}[data-panel=A3]{height:auto;overflow:visible}[data-panel=A3] .panel-body{overflow:visible}.chart-container{overflow-x:auto;overflow-y:visible;margin-bottom:12px;width:100%;flex-shrink:0}.trend-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:auto;display:table}.trend-table th{background:#f8f9fa;padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.trend-table td{padding:12px;border-bottom:1px solid #e9ecef;white-space:nowrap}.trend-table tr:hover{background:#f8f9fa}.trend-table .positive{color:#4caf50;font-weight:600}.trend-table .negative{color:#f44336;font-weight:600}.trend-insights{background:#f8f9fa;border-radius:6px;padding:12px;margin-top:12px;flex:0 0 auto}.insight-item{padding:6px 0;font-size:14px;line-height:1.5}.avg-margin{background:#fff3;padding:6px 12px;border-radius:4px;font-size:14px}.profit-ranking{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.ranking-section h4{margin:0 0 12px;font-size:14px;color:#666}.ranking-list{display:flex;flex-direction:column;gap:8px}.ranking-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8f9fa;border-radius:6px;font-size:13px;transition:background .2s}.ranking-item:hover{background:#e9ecef}.ranking-item .rank{font-weight:700;color:#666;min-width:30px}.ranking-item .order-no{flex:1;font-weight:600;color:#2c3e50}.ranking-item .margin{font-weight:700;min-width:60px;text-align:right}.ranking-item .profit{min-width:100px;text-align:right;color:#666}.ranking-summary{background:#e3f2fd;padding:12px;border-radius:6px;font-size:13px;line-height:1.6}.ranking-summary p{margin:4px 0}.ranking-summary .warning{color:#d32f2f;font-weight:600}.ranking-summary .success{color:#388e3c;font-weight:600}.risk-badge{padding:6px 12px;border-radius:4px;font-size:14px;font-weight:600}.risk-badge.critical{background:#f443364d}.risk-badge.warning{background:#ffc1074d}.risk-badge.safe{background:#4caf504d}.risk-summary{display:flex;gap:20px;margin-bottom:20px;justify-content:center}.risk-stat{text-align:center}.risk-count{display:block;font-size:32px;font-weight:700;margin-bottom:4px}.risk-count.critical{color:#f44336}.risk-count.warning{color:#ffc107}.risk-stat label{font-size:12px;color:#666}.risk-list{display:flex;flex-direction:column;gap:12px}.risk-item{padding:12px;border-radius:6px;border-left:4px solid}.risk-item.high{background:#ffebee;border-color:#f44336}.risk-item.medium{background:#fff8e1;border-color:#ffc107}.material-name{font-weight:600;color:#2c3e50}.severity-badge{font-size:11px;padding:3px 8px;border-radius:3px;background:#0000001a}.risk-detail{display:flex;gap:16px;font-size:12px;color:#666;margin-bottom:8px}.risk-message{font-size:13px;color:#d32f2f;font-weight:500}.no-risk{text-align:center;padding:20px;color:#4caf50;font-size:16px}.quality-costs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.cost-item{padding:12px;background:#f8f9fa;border-radius:6px}.cost-item.highlight{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.cost-item.highlight label,.cost-item.highlight span,.cost-item.highlight small{color:#fff}.cost-item label{display:block;font-size:13px;color:#666;margin-bottom:4px}.cost-item span{display:block;font-size:16px;font-weight:700;color:#2c3e50;margin:4px 0}.cost-item small{display:block;font-size:11px;color:#999;margin-top:4px}.quality-recommendation{margin:16px 0}.quality-recommendation p{margin:0;padding:12px;border-radius:6px;font-size:14px;line-height:1.6}.potential-saving{margin-top:12px}.saving-highlight{background:linear-gradient(135deg,#ffecd2,#fcb69f);padding:12px 16px;border-radius:6px;font-weight:600;color:#d84315;text-align:center}.energy-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.energy-item{padding:12px;background:#f8f9fa;border-radius:6px;text-align:center}.energy-item.highlight{background:linear-gradient(135deg,#a8edea,#fed6e3)}.energy-item label{display:block;font-size:12px;color:#666;margin-bottom:6px}.energy-item span{display:block;font-size:16px;font-weight:700;color:#2c3e50}.energy-item small{display:block;font-size:11px;color:#999;margin-top:4px}.energy-item .badge{background:#667eea;color:#fff;padding:4px 10px;border-radius:12px;font-size:13px}.energy-recommendations{display:flex;flex-direction:column;gap:10px}.energy-rec-item{padding:12px;background:#f8f9fa;border-radius:6px;border-left:3px solid #667eea}.energy-rec-item .priority{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;margin-right:8px}.energy-rec-item .priority.high{background:#ffcdd2;color:#c62828}.energy-rec-item .priority.medium{background:#fff9c4;color:#f57f17}.energy-rec-item .priority.low{background:#c8e6c9;color:#2e7d32}.energy-rec-item .device{font-size:12px;color:#666}.energy-rec-item p{margin:8px 0 0;font-size:13px;line-height:1.5}.action-count{background:#fff3;padding:6px 12px;border-radius:4px;font-size:14px}.action-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.action-item{padding:16px;border-radius:8px;border-left:5px solid;background:#f8f9fa;display:flex;flex-direction:column;height:100%}.action-item.critical{border-color:#f44336;background:#ffebee}.action-item.high{border-color:#ff9800;background:#fff3e0}.action-item.medium{border-color:#ffc107;background:#fffde7}.action-item.low{border-color:#4caf50;background:#f1f8e9}.action-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.action-number{font-size:18px;font-weight:700;color:#666}.priority-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#fff}.priority-badge.critical{background:#f44336}.priority-badge.high{background:#ff9800}.priority-badge.medium{background:#ffc107;color:#333}.priority-badge.low{background:#4caf50}.action-header .category{padding:4px 10px;border-radius:12px;font-size:11px;background:#0000001a;color:#666}.action-header h4{margin:0;font-size:16px;color:#2c3e50;flex:1}.action-description{font-size:13px;color:#666;margin:0 0 12px;line-height:1.5;flex-grow:1}.action-list .action-detail{font-size:12px;padding:4px 0;color:#333;line-height:1.5}.action-saving{margin-top:12px;padding:10px 12px;background:#4caf501a;border-radius:6px;color:#2e7d32;font-weight:600;font-size:14px}.no-actions{text-align:center;padding:40px 20px;color:#4caf50;font-size:16px}.no-data{text-align:center;padding:20px;color:#999;font-size:14px}.info-icon{cursor:pointer;font-size:16px;margin-left:8px;opacity:.7;transition:opacity .3s,transform .2s;display:inline-block}.info-icon:hover{opacity:1;transform:scale(1.2)}.panel-info-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.panel-info-modal{background:#fff;border-radius:12px;max-width:700px;width:90%;max-height:85vh;overflow:hidden;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.panel-info-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.panel-info-header h3{margin:0;font-size:20px;font-weight:600}.panel-info-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;transition:background .3s;display:flex;align-items:center;justify-content:center}.panel-info-close:hover{background:#ffffff4d}.panel-info-body{padding:24px;max-height:calc(85vh - 80px);overflow-y:auto}.panel-info-section{margin-bottom:24px}.panel-info-section:last-child{margin-bottom:0}.panel-info-section h4{margin:0 0 12px;font-size:16px;color:#667eea;font-weight:600}.panel-info-section p{margin:0;line-height:1.7;color:#333;font-size:14px}.panel-info-section pre{background:#f8f9fa;border-left:4px solid #667eea;padding:16px;border-radius:6px;margin:0;font-family:Courier New,monospace;font-size:13px;line-height:1.7;color:#333;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto}.simulator-modal{max-width:600px}.simulator-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.simulator-section:last-of-type{border-bottom:none}.simulator-section h4{margin:0 0 16px;font-size:15px;color:#667eea;font-weight:600}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#333}.form-group input[type=number]{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .3s}.form-group input[type=number]:focus{outline:none;border-color:#667eea}.form-group small{display:block;margin-top:6px;font-size:12px;color:#666;line-height:1.4}.simulator-preview{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:20px}.simulator-preview h4{margin:0 0 12px;font-size:15px;color:#667eea;font-weight:600}.preview-content{font-size:14px;color:#666}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.preview-item{background:#fff;padding:12px;border-radius:6px;border-left:3px solid #667eea}.preview-item label{display:block;font-size:12px;color:#666;margin-bottom:4px}.preview-value{display:block;font-size:16px;font-weight:600;color:#333}.preview-value.highlight{color:#667eea;font-size:18px}.preview-note{background:#fff3cd;border-left:4px solid #ffc107;padding:12px;border-radius:4px;font-size:13px;line-height:1.6}.preview-note p{margin:4px 0}.simulator-actions{display:flex;gap:12px;justify-content:flex-end}.btn-preview{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s}.btn-preview:hover{background:#5568d3}.btn-generate{padding:10px 20px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #f5576c4d}.btn-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f5576c66}.btn-generate:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1600px){.decision-grid{grid-template-columns:repeat(3,1fr)}.decision-panel.span-4{grid-column:span 3}}@media (max-width: 1200px){.decision-grid{grid-template-columns:repeat(2,1fr)}.decision-panel.span-2,.decision-panel.span-4{grid-column:span 2}}@media (max-width: 900px){.decision-grid{grid-template-columns:1fr}.decision-panel.span-2,.decision-panel.span-4{grid-column:span 1}.profit-ranking,.health-metrics,.profit-summary,.quality-costs,.energy-summary,.breakdown-legend{grid-template-columns:1fr}.it-sections{grid-template-columns:1fr!important}}.it-risk-panel .panel-body{display:flex;flex-direction:column;gap:20px}.risk-level-badge{padding:6px 16px;border-radius:6px;font-size:14px;font-weight:600}.risk-level-badge.critical{background:#fee;color:#c62828}.risk-level-badge.high{background:#fff3e0;color:#ef6c00}.risk-level-badge.medium{background:#fff9c4;color:#f57f17}.it-key-findings{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fef3f3;border-left:4px solid #ef5350;border-radius:8px}.finding-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a}.finding-item.success{background:#f0fdf4;border-left:4px solid #4caf50}.finding-icon{font-size:24px;line-height:1}.finding-message{flex:1;font-size:14px;line-height:1.5;color:#333}.it-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.it-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.it-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#333;border-bottom:2px solid #1976d2;padding-bottom:8px}.downtime-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.loss-item{padding:12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.loss-item.main{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#e57373}.loss-item label{display:block;font-size:12px;color:#666;margin-bottom:4px}.loss-item span{display:block;font-size:18px;font-weight:700;color:#d32f2f}.loss-item small{display:block;font-size:11px;color:#999;margin-top:4px}.system-list{display:flex;flex-direction:column;gap:8px}.system-item{padding:10px;background:#fff;border-left:3px solid #9e9e9e;border-radius:4px}.system-item.critical{border-left-color:#f44336;background:#ffebee}.system-item.important{border-left-color:#ff9800}.system-name{font-size:13px;font-weight:600;margin-bottom:6px}.system-stats{display:flex;justify-content:space-between;font-size:12px;color:#666}.loss-value{color:#d32f2f;font-weight:600}.network-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.network-item{padding:12px;background:#fff;border-radius:6px;text-align:center;border:1px solid #e0e0e0}.network-item label{display:block;font-size:11px;color:#666;margin-bottom:6px}.network-item span{display:block;font-size:20px;font-weight:700}.network-item span.normal{color:#4caf50}.network-item span.warning{color:#ff9800}.network-item span.critical{color:#f44336}.issue-list{display:flex;flex-direction:column;gap:8px}.issue-item{padding:10px;background:#fff;border-left:3px solid #ff9800;border-radius:4px}.issue-item.high{border-left-color:#f44336;background:#ffebee}.issue-item strong{display:block;font-size:13px;margin-bottom:4px}.issue-item p{margin:0;font-size:12px;color:#666}.integration-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.integration-stat{padding:16px;background:#fff;border-radius:6px;text-align:center;border:1px solid #e0e0e0}.big-number{display:block;font-size:36px;font-weight:700;color:#d32f2f;line-height:1;margin-bottom:8px}.integration-stat label{font-size:12px;color:#666}.disconnected-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.disconnected-item{padding:10px;background:#fff;border-left:3px solid #ff9800;border-radius:4px}.disconnected-item.critical{border-left-color:#f44336;background:#ffebee}.disconnected-item.high{border-left-color:#ff5722}.disconnected-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.disconnected-header strong{font-size:13px}.impact-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.impact-badge.critical{background:#ffebee;color:#c62828}.impact-badge.high{background:#fff3e0;color:#ef6c00}.impact-badge.medium{background:#fff9c4;color:#f57f17}.disconnected-detail{display:flex;gap:12px;font-size:11px;color:#666}.disconnected-detail span{padding:2px 6px;background:#f5f5f5;border-radius:3px}.roi-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.roi-item{padding:12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0;text-align:center}.roi-item.highlight{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#1976d2}.roi-item label{display:block;font-size:11px;color:#666;margin-bottom:4px}.roi-item span{display:block;font-size:18px;font-weight:700;color:#1976d2}.improvement-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.improvement-item{padding:10px;background:#fff;border-left:3px solid #4caf50;border-radius:4px}.improvement-item.critical{border-left-color:#f44336;background:#fff9f9}.improvement-item.high{border-left-color:#ff9800}.improvement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.improvement-header strong{font-size:12px;flex:1}.improvement-stats{display:flex;gap:12px;font-size:11px;color:#666}.improvement-stats span{padding:2px 6px;background:#f5f5f5;border-radius:3px}.order-loss-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.loss-stat{padding:12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0;text-align:center}.loss-stat.highlight{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#e57373}.loss-stat label{display:block;font-size:11px;color:#666;margin-bottom:6px}.loss-stat span{display:block;font-size:16px;font-weight:700;color:#d32f2f}.order-loss-details{display:flex;flex-direction:column;gap:8px}.loss-detail-item{display:flex;justify-content:space-between;padding:8px 12px;background:#fff;border-radius:4px;border:1px solid #e0e0e0;font-size:12px}.loss-detail-item label{color:#666}.loss-detail-item span{font-weight:600;color:#d32f2f}.dept-risk-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.risk-stat{padding:16px;background:#fff;border-radius:6px;border:1px solid #e0e0e0;text-align:center}.risk-stat.critical{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#e57373}.risk-stat span{display:block;font-size:32px;font-weight:700;color:#d32f2f;line-height:1;margin-bottom:8px}.risk-stat label{display:block;font-size:12px;color:#666}.operational-risk-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.operational-risk-item{padding:12px;background:#fff;border-radius:6px;border-left:4px solid #ccc}.operational-risk-item.critical{border-left-color:#d32f2f;background:#fff5f5}.operational-risk-item.high{border-left-color:#ff9800;background:#fff9f0}.operational-risk-item.medium{border-left-color:#ffc107}.operational-risk-item.low{border-left-color:#4caf50}.risk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.risk-header strong{font-size:13px;color:#333}.status-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.status-badge.critical{background:#ffcdd2;color:#c62828}.status-badge.high{background:#ffe0b2;color:#e65100}.status-badge.medium{background:#fff9c4;color:#f57f17}.status-badge.low{background:#c8e6c9;color:#2e7d32}.risk-detail{display:flex;gap:12px;margin-bottom:8px;font-size:11px;color:#666}.risk-detail span{padding:2px 6px;background:#f5f5f5;border-radius:3px}.risk-mitigation{font-size:11px;color:#666;padding:8px;background:#f0f8ff;border-radius:4px;border-left:3px solid #1976d2}.panel-skeleton{padding:var(--spacing-lg);animation:pulse 1.5s ease-in-out infinite;transition:opacity .3s ease-out}.skeleton-line{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px;margin-bottom:12px}.skeleton-line:last-child{margin-bottom:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sensen-monitor-page{width:100%;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e9ecef,#f8f9fa);padding:20px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft JhengHei,sans-serif}.sensen-monitor-container{max-width:1600px;margin:0 auto}.monitor-header{background:#fff;border-radius:16px;padding:24px 32px;margin-bottom:24px;box-shadow:0 2px 8px #00000014;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}.header-left{display:flex;align-items:center;gap:16px}.monitor-avatar{width:64px;height:64px;border-radius:50%;border:3px solid #3b82f6;box-shadow:0 4px 12px #3b82f633}.monitor-avatar-emoji{width:64px;height:64px;border-radius:50%;border:3px solid #10b981;box-shadow:0 4px 12px #10b98133;display:flex;align-items:center;justify-content:center;font-size:36px;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.header-info{display:flex;flex-direction:column;gap:4px}.monitor-title{margin:0;font-size:28px;font-weight:700;color:#1a1a1a;display:flex;align-items:center;gap:8px}.monitor-subtitle{margin:0;font-size:14px;color:#666;font-weight:400}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:24px}.monitor-status-inline{display:flex;align-items:center;gap:8px}.status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-dot.green{background:#10b981;box-shadow:0 0 8px #10b98166}.status-dot.red{background:#ef4444;box-shadow:0 0 8px #ef444499}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.monitor-status-inline .status-text{font-size:14px;font-weight:600;color:#374151}.monitor-status-inline.urgent .status-text{color:#ef4444}.monitor-time-inline{display:flex;align-items:center;gap:6px}.time-icon{font-size:16px;opacity:.7}.time-text{font-size:14px;color:#6b7280;font-family:Courier New,monospace}.voice-toggle,.refresh-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;background:#fff;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;font-size:18px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.voice-toggle:hover,.refresh-button:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f633}.voice-toggle.disabled{opacity:.5;cursor:not-allowed}.voice-toggle.disabled:hover{background:#fff;color:#6b7280;transform:none}.voice-toggle:active,.refresh-button:active{transform:translateY(0)}.refresh-icon{font-size:16px;animation:none}.refresh-button:active .refresh-icon{animation:spin .5s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.monitor-countdown{font-size:12px;color:#888;text-align:center}.monitor-statistics-top{margin-bottom:24px}.monitor-statistics-top .monitor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 1200px){.monitor-statistics-top .monitor-stats{grid-template-columns:1fr}}.monitor-content{width:100%}.monitor-main,.monitor-main-full{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 24px #0000001f;min-height:600px}.monitor-main-full{width:100%}.issues-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.issues-header h2{margin:0;font-size:22px;font-weight:700;color:#1a1a1a}.issues-count{padding:6px 14px;background:#3b82f6;color:#fff;border-radius:8px;font-size:14px;font-weight:600}.issues-container{display:flex;flex-direction:column;gap:16px}.monitor-no-issues{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.no-issues-icon{font-size:80px;margin-bottom:16px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-issues-text{font-size:24px;font-weight:700;color:#4f8;margin-bottom:8px}.no-issues-subtext{font-size:16px;color:#888}.monitor-issue{background:#fafafa;border-radius:12px;padding:20px;border-left:4px solid #ddd;transition:all .3s ease}.monitor-issue:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.monitor-issue[data-severity=critical]{border-left-color:#f44;background:#fff5f5}.monitor-issue[data-severity=high]{border-left-color:#f80;background:#fff8f0}.monitor-issue[data-severity=medium]{border-left-color:#fb0;background:#fffdf0}.monitor-issue[data-severity=low]{border-left-color:#4f8;background:#f5fff8}.issue-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.issue-icon{font-size:24px}.issue-title{flex:1;font-size:18px;font-weight:700;color:#1a1a1a}.issue-severity{padding:4px 12px;color:#fff;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px}.issue-description{font-size:15px;color:#555;line-height:1.6;margin-bottom:12px}.issue-suggestion{background:#fff;padding:12px 16px;border-radius:8px;font-size:14px;color:#333;line-height:1.6;border:1px solid #e0e0e0;margin-top:12px}.issue-suggestion strong{color:#3b82f6;display:block;margin-bottom:8px}.issue-suggestion ul{margin:0;padding-left:20px}.issue-suggestion li{margin:4px 0;color:#555}.issue-data{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.data-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border-radius:6px;font-size:13px;border:1px solid #e0e0e0}.data-key{color:#888;font-weight:500}.data-value{color:#333;font-weight:700;font-family:Courier New,monospace}.monitor-stats{display:grid;gap:24px}.stats-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 24px #0000001f}.stats-section.trend-section{grid-column:span 1}.stats-section h3{margin:0 0 16px;font-size:18px;font-weight:700;color:#1a1a1a}.stats-section canvas{display:block;margin:0 auto;background:#fafafa;border-radius:8px;padding:10px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:12px;background:#fafafa;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001a}.stat-card.critical{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-card.high{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-card.medium{background:linear-gradient(135deg,#ffd93d,#fb0);color:#fff}.stat-card.low{background:linear-gradient(135deg,#6bcf7f,#4f8);color:#fff}.stat-icon{font-size:32px;margin-bottom:8px}.stat-value{font-size:36px;font-weight:700;margin-bottom:4px}.stat-label{font-size:14px;font-weight:600;opacity:.9}.category-stats{display:flex;flex-direction:column;gap:12px}.category-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fafafa;border-radius:8px;transition:all .2s ease}.category-item:hover{background:#f0f0f0;transform:translate(4px)}.category-label{font-size:14px;color:#555;font-weight:500}.category-value{font-size:18px;font-weight:700;color:#3b82f6;min-width:32px;text-align:right}.monitor-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px;text-align:center}.error-icon{font-size:64px;margin-bottom:16px}.error-title{font-size:24px;font-weight:700;color:#f44;margin-bottom:8px}.error-message{font-size:16px;color:#888;margin-bottom:24px}.retry-button{padding:12px 32px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}@media (max-width: 1200px) and (min-width: 769px){.monitor-statistics-top .monitor-stats{grid-template-columns:1fr 1fr}.stats-section.trend-section{grid-column:span 2}.stats-grid{grid-template-columns:repeat(2,1fr)}.category-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}}@media (max-width: 768px){.sensen-monitor-page{padding:12px}.monitor-header{flex-direction:column;padding:16px;gap:16px}.header-left{width:100%;justify-content:center}.monitor-avatar,.monitor-avatar-emoji{width:48px;height:48px;font-size:24px}.header-info{text-align:center}.monitor-title{font-size:20px}.monitor-subtitle{font-size:12px}.header-right{width:100%;flex-direction:column;gap:12px}.monitor-status,.monitor-time{width:100%;justify-content:center;text-align:center}.monitor-refresh{width:100%;align-items:stretch}.voice-toggle,.refresh-button{width:100%;justify-content:center}.monitor-countdown{text-align:center}.monitor-statistics-top .monitor-stats{grid-template-columns:1fr}.stats-section{padding:16px}.stats-section h3{font-size:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px}.stat-icon{font-size:24px}.stat-value{font-size:28px}.stat-label{font-size:12px}.category-stats{gap:8px}.category-item{padding:10px 12px;font-size:13px}.category-label{font-size:13px}.category-value{font-size:16px}.stats-section canvas{width:100%;height:auto}.monitor-main-full{padding:16px;min-height:400px}.issues-header{flex-direction:column;gap:8px;align-items:flex-start}.issues-header h2{font-size:18px}.issues-count{align-self:flex-start}.monitor-issue{padding:16px}.issue-header{flex-wrap:wrap;gap:8px}.issue-icon{font-size:20px}.issue-title{font-size:16px;flex:1 0 100%}.issue-severity{font-size:10px;padding:3px 10px}.issue-description{font-size:14px}.issue-suggestion{padding:10px 12px;font-size:13px}.issue-data{gap:8px}.data-item{font-size:12px;padding:5px 10px}.no-issues-icon{font-size:60px}.no-issues-text{font-size:20px}.no-issues-subtext{font-size:14px}}@media (max-width: 375px){.monitor-title{font-size:18px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.issue-title{font-size:15px}}.monitor-status.urgent{background:linear-gradient(135deg,#ef4444,#dc2626);animation:pulse 2s ease-in-out infinite}.monitor-status.urgent .status-indicator{background:#fff;animation:blink 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.urgent-alerts-section{margin:24px 32px;background:#fffffff2;border-radius:16px;padding:24px;box-shadow:0 8px 32px #0003}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e0e0e0}.section-header h2{margin:0;font-size:20px;color:#333;font-weight:600}.alert-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:6px 16px;border-radius:8px;font-size:14px;font-weight:600}.urgent-alerts-container{display:grid;gap:16px}.urgent-alert-card{background:#fff;border-left:4px solid;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.urgent-alert-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.urgent-alert-card.critical{border-left-color:#f44;background:linear-gradient(135deg,#fff5f5,#fff)}.urgent-alert-card.high{border-left-color:#f80;background:linear-gradient(135deg,#fff8f0,#fff)}.urgent-alert-card .alert-badge{display:inline-block;font-size:12px;padding:4px 12px;border-radius:12px;margin-bottom:12px}.urgent-alert-card .alert-title{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.urgent-alert-card .alert-message{font-size:14px;color:#666;line-height:1.6;margin-bottom:12px}.urgent-alert-card .alert-actions{background:#667eea1a;border-radius:8px;padding:12px;margin-top:12px}.urgent-alert-card .alert-actions strong{color:#3b82f6;font-size:14px}.urgent-alert-card .alert-actions ul{margin:8px 0 0;padding-left:20px}.urgent-alert-card .alert-actions li{color:#555;font-size:13px;line-height:1.6;margin-bottom:4px}.urgent-alert-card .alert-time{font-size:12px;color:#999;margin-top:12px;text-align:right}.urgent-alerts-empty{text-align:center;padding:48px 24px}.urgent-alerts-empty .empty-icon{font-size:64px;margin-bottom:16px}.urgent-alerts-empty .empty-text{font-size:20px;font-weight:600;color:#333;margin-bottom:8px}.urgent-alerts-empty .empty-subtext{font-size:14px;color:#666}.kpi-changes-section{margin:24px 32px;background:#fffffff2;border-radius:16px;padding:24px;box-shadow:0 8px 32px #0003}.comparison-note{font-size:14px;color:#666;font-weight:400}.kpi-changes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.kpi-change-card{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;padding:20px;border:2px solid #e0e0e0;transition:all .3s ease}.kpi-change-card.alert{border-color:#f44;background:linear-gradient(135deg,#fff5f5,#fff)}.kpi-change-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.kpi-change-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.kpi-change-header .kpi-icon{font-size:24px}.kpi-change-header .kpi-name{font-size:16px;font-weight:600;color:#333;flex:1}.kpi-trend-indicator{font-size:24px;font-weight:700}.kpi-trend-indicator.up{color:#4caf50}.kpi-trend-indicator.down{color:#f44}.kpi-trend-indicator.stable{color:#888}.kpi-change-value{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.kpi-change-value .current-value{font-size:36px;font-weight:700;color:#333}.kpi-change-value .current-value.alert-value{color:#f44}.kpi-change-value .value-unit{font-size:16px;color:#666}.kpi-change-comparison{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#00000008;border-radius:8px}.kpi-change-comparison .comparison-label{font-size:12px;color:#666}.kpi-change-comparison .comparison-value{font-size:14px;font-weight:600}.kpi-change-comparison .comparison-value.positive{color:#4caf50}.kpi-change-comparison .comparison-value.negative{color:#f44}.kpi-alert-message{margin-top:12px;padding:8px 12px;background:#ff44441a;border-left:3px solid #ff4444;border-radius:4px;font-size:13px;color:#c00;font-weight:500}.trend-section{margin:24px 32px;background:#fffffff2;border-radius:16px;padding:24px;box-shadow:0 8px 32px #0003}.trend-analysis-panel h3{margin:0 0 20px;font-size:20px;color:#333;font-weight:600}.trend-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.trend-metric{background:linear-gradient(135deg,#f0f4ff,#fff);border-radius:12px;padding:16px;border:2px solid #e0e0e0}.trend-metric .metric-label{font-size:13px;color:#666;margin-bottom:8px}.trend-metric .metric-value{font-size:24px;font-weight:700;margin-bottom:8px}.trend-metric .metric-value.alert{color:#f44}.trend-metric .metric-value.warning{color:#f80}.trend-metric .metric-value.normal{color:#4caf50}.trend-metric .metric-trend{font-size:12px;color:#666}.all-alerts-section{margin:24px 32px;background:#fffffff2;border-radius:16px;padding:24px;box-shadow:0 8px 32px #0003}.all-alerts-section summary{cursor:pointer;-webkit-user-select:none;user-select:none}.all-alerts-section summary::-webkit-details-marker{display:none}.all-alerts-section summary:before{content:"▼ ";display:inline-block;margin-right:8px;transition:transform .3s ease}.all-alerts-section[open] summary:before{transform:rotate(180deg)}.all-alerts-container{margin-top:20px;display:grid;gap:12px}.issue-item{display:flex;gap:16px;padding:16px;background:#fff;border-radius:8px;border-left:4px solid;transition:all .2s ease}.issue-item.critical{border-left-color:#f44;background:linear-gradient(135deg,#fff5f5,#fff)}.issue-item.high{border-left-color:#f80;background:linear-gradient(135deg,#fff8f0,#fff)}.issue-item.medium{border-left-color:#fb0;background:linear-gradient(135deg,#fffbf0,#fff)}.issue-item.low{border-left-color:#4caf50;background:linear-gradient(135deg,#f5fff5,#fff)}.issue-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.issue-severity-badge{flex-shrink:0;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;align-self:flex-start}.issue-item.critical .issue-severity-badge{background:#ef4444}.issue-item.high .issue-severity-badge{background:#f59e0b}.issue-item.medium .issue-severity-badge{background:#eab308}.issue-item.low .issue-severity-badge{background:#4caf50}.issue-content{flex:1}.issue-content .issue-title{font-size:15px;font-weight:600;color:#333;margin-bottom:4px}.issue-content .issue-description{font-size:13px;color:#666;line-height:1.5}.no-issues{text-align:center;padding:48px 24px}.no-issues .no-issues-icon{font-size:64px;margin-bottom:16px}.no-issues .no-issues-text{font-size:18px;color:#666}.kpi-loading,.trend-loading{text-align:center;padding:48px 24px;color:#666;font-size:16px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.kpi-changes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.monitor-header.enhanced{flex-direction:column;padding:16px;gap:16px}.header-left,.header-right{width:100%}.monitor-controls{flex-direction:column;gap:12px}.urgent-alerts-section,.kpi-changes-section,.trend-section,.all-alerts-section{margin:16px;padding:16px}.kpi-changes-grid,.trend-summary{grid-template-columns:1fr}.kpi-change-value .current-value{font-size:28px}}
