@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #1a1a1a;--text-secondary: #6c757d;--border-color: #dee2e6;--panel-bg: #ffffff;--panel-header-bg: #f3f5f7;--panel-border: #e5e7eb;--surface-glow: rgba(0, 123, 255, .08);--panel-shadow: 0 12px 24px rgba(15, 23, 42, .08);--panel-shadow-soft: 0 6px 16px rgba(15, 23, 42, .06);--accent-color: #007bff;--accent-hover: #0056b3;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--placeholder-color: rgba(49, 49, 43, .364);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: 1rem;--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);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out}body.dark-theme{--bg-primary: #1e1e1e;--bg-secondary: #2d2d2d;--bg-tertiary: #3a3a3a;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--border-color: #404040;--panel-bg: #232323;--panel-header-bg: #2c2c2c;--panel-border: #3a3a3a;--surface-glow: rgba(13, 126, 244, .18);--panel-shadow: 0 16px 28px rgba(0, 0, 0, .35);--panel-shadow-soft: 0 8px 18px rgba(0, 0, 0, .3);--accent-color: #0d7ef4;--accent-hover: #1e8fff;--placeholder-color: rgba(224, 224, 224, .5)}body.theme-ocean{--bg-primary: #f5f9ff;--bg-secondary: #e8f1ff;--bg-tertiary: #d7e7ff;--text-primary: #12304a;--text-secondary: #4b6b8a;--border-color: #c7d9f2;--panel-bg: #ffffff;--panel-header-bg: #eef5ff;--panel-border: #cbdaf1;--surface-glow: rgba(37, 99, 235, .12);--panel-shadow: 0 14px 26px rgba(30, 64, 175, .12);--panel-shadow-soft: 0 8px 18px rgba(30, 64, 175, .08);--accent-color: #2563eb;--accent-hover: #1d4ed8;--placeholder-color: rgba(18, 48, 74, .35)}body.theme-forest{--bg-primary: #f4f7f2;--bg-secondary: #e6efe2;--bg-tertiary: #d4e4cc;--text-primary: #1f2b1f;--text-secondary: #4a5b4a;--border-color: #c9d8c1;--panel-bg: #fdfefc;--panel-header-bg: #edf5e9;--panel-border: #cfdcc8;--surface-glow: rgba(34, 197, 94, .12);--panel-shadow: 0 14px 26px rgba(22, 101, 52, .12);--panel-shadow-soft: 0 8px 18px rgba(22, 101, 52, .08);--accent-color: #15803d;--accent-hover: #166534;--placeholder-color: rgba(31, 43, 31, .35)}body.theme-slate{--bg-primary: #f1f4f8;--bg-secondary: #e3e9f2;--bg-tertiary: #d1dbe8;--text-primary: #1f2a37;--text-secondary: #475569;--border-color: #c5d0df;--panel-bg: #f8fafc;--panel-header-bg: #e8edf4;--panel-border: #cfd8e4;--surface-glow: rgba(59, 130, 246, .12);--panel-shadow: 0 14px 26px rgba(30, 41, 59, .14);--panel-shadow-soft: 0 8px 18px rgba(30, 41, 59, .1);--accent-color: #1d4ed8;--accent-hover: #1e40af;--placeholder-color: rgba(31, 42, 55, .35)}body.theme-mint{--bg-primary: #f2fbf7;--bg-secondary: #e3f5ec;--bg-tertiary: #cfe9de;--text-primary: #1f3a31;--text-secondary: #4e6f64;--border-color: #c7dbd2;--panel-bg: #fafffd;--panel-header-bg: #e9f6ef;--panel-border: #cfe1d7;--surface-glow: rgba(16, 185, 129, .12);--panel-shadow: 0 14px 26px rgba(6, 95, 70, .12);--panel-shadow-soft: 0 8px 18px rgba(6, 95, 70, .08);--accent-color: #0f766e;--accent-hover: #115e59;--placeholder-color: rgba(31, 58, 49, .35)}body.theme-steel{--bg-primary: #f3f6fa;--bg-secondary: #e6ecf4;--bg-tertiary: #d3deeb;--text-primary: #1f2937;--text-secondary: #526175;--border-color: #c4d1e2;--panel-bg: #ffffff;--panel-header-bg: #eef2f7;--panel-border: #d2dbe7;--surface-glow: rgba(37, 99, 235, .1);--panel-shadow: 0 14px 26px rgba(15, 23, 42, .12);--panel-shadow-soft: 0 8px 18px rgba(15, 23, 42, .08);--accent-color: #334155;--accent-hover: #1f2937;--placeholder-color: rgba(31, 41, 55, .35)}body.theme-rose{--bg-primary: #fff5f7;--bg-secondary: #ffe8ee;--bg-tertiary: #ffd4df;--text-primary: #3b1f2a;--text-secondary: #6b3b4a;--border-color: #f2c1cd;--panel-bg: #ffffff;--panel-header-bg: #ffeef3;--panel-border: #f4c9d4;--surface-glow: rgba(244, 63, 94, .12);--panel-shadow: 0 14px 26px rgba(190, 18, 60, .12);--panel-shadow-soft: 0 8px 18px rgba(190, 18, 60, .08);--accent-color: #e11d48;--accent-hover: #be123c;--placeholder-color: rgba(59, 31, 42, .35)}body.theme-indigo{--bg-primary: #f5f6ff;--bg-secondary: #e8eaff;--bg-tertiary: #d6dcff;--text-primary: #1f254a;--text-secondary: #4a4f7b;--border-color: #c6ccec;--panel-bg: #ffffff;--panel-header-bg: #eef0ff;--panel-border: #cfd4f2;--surface-glow: rgba(79, 70, 229, .12);--panel-shadow: 0 14px 26px rgba(67, 56, 202, .12);--panel-shadow-soft: 0 8px 18px rgba(67, 56, 202, .08);--accent-color: #4f46e5;--accent-hover: #4338ca;--placeholder-color: rgba(31, 37, 74, .35)}body.theme-coffee{--bg-primary: #fbf7f2;--bg-secondary: #f1e7db;--bg-tertiary: #e3d3c2;--text-primary: #3a2a21;--text-secondary: #6b5347;--border-color: #dbc9b6;--panel-bg: #fffdfa;--panel-header-bg: #f6eee4;--panel-border: #e2d3c4;--surface-glow: rgba(124, 78, 52, .12);--panel-shadow: 0 14px 26px rgba(91, 52, 32, .12);--panel-shadow-soft: 0 8px 18px rgba(91, 52, 32, .08);--accent-color: #8b5e3c;--accent-hover: #6b442a;--placeholder-color: rgba(58, 42, 33, .35)}body.theme-plum{--bg-primary: #fbf6ff;--bg-secondary: #f1e6ff;--bg-tertiary: #e3d1ff;--text-primary: #2f1b3a;--text-secondary: #5b3d6b;--border-color: #d4c1e4;--panel-bg: #ffffff;--panel-header-bg: #f4ecff;--panel-border: #dcc9ef;--surface-glow: rgba(168, 85, 247, .12);--panel-shadow: 0 14px 26px rgba(126, 34, 206, .12);--panel-shadow-soft: 0 8px 18px rgba(126, 34, 206, .08);--accent-color: #8b5cf6;--accent-hover: #7c3aed;--placeholder-color: rgba(47, 27, 58, .35)}body.theme-charcoal{--bg-primary: #1c1f24;--bg-secondary: #242a31;--bg-tertiary: #2f3741;--text-primary: #e6e7ea;--text-secondary: #a7b0ba;--border-color: #3a434f;--panel-bg: #20262d;--panel-header-bg: #2a323b;--panel-border: #3a434f;--surface-glow: rgba(71, 85, 105, .2);--panel-shadow: 0 16px 28px rgba(0, 0, 0, .4);--panel-shadow-soft: 0 8px 18px rgba(0, 0, 0, .3);--accent-color: #94a3b8;--accent-hover: #cbd5e1;--placeholder-color: rgba(230, 231, 234, .4)}body.theme-ice{--bg-primary: #f7fbff;--bg-secondary: #eef5ff;--bg-tertiary: #dde8f7;--text-primary: #172554;--text-secondary: #4b5b7a;--border-color: #cdd9ea;--panel-bg: #ffffff;--panel-header-bg: #edf3ff;--panel-border: #d6e1f2;--surface-glow: rgba(59, 130, 246, .1);--panel-shadow: 0 14px 26px rgba(30, 58, 138, .12);--panel-shadow-soft: 0 8px 18px rgba(30, 58, 138, .08);--accent-color: #3b82f6;--accent-hover: #2563eb;--placeholder-color: rgba(23, 37, 84, .35)}*{font-family:inherit}body.font-arial{font-family:Arial,sans-serif}body.font-plex{font-family:IBM Plex Sans,Space Grotesk,sans-serif}body.font-times{font-family:Times New Roman,serif}body.font-courier{font-family:Courier New,monospace}body.font-georgia{font-family:Georgia,serif}body.font-small{--font-base: 14px;--font-sm: 13px;--font-lg: 15px;--font-xl: 17px;--font-2xl: 22px}body.font-medium{--font-base: 16px;--font-sm: 14px;--font-lg: 17px;--font-xl: 19px;--font-2xl: 24px}body.font-large{--font-base: 18px;--font-sm: 16px;--font-lg: 19px;--font-xl: 21px;--font-2xl: 26px}:root{--font-base: 16px;--font-sm: 14px;--font-lg: 17px;--font-xl: 19px;--font-2xl: 24px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-base);line-height:1.5;transition:background-color var(--transition-base),color var(--transition-base)}.app-container{display:flex;width:100%;height:100vh;overflow:hidden}.sidebar{width:250px;background:linear-gradient(180deg,var(--bg-secondary),var(--bg-primary));border-right:1px solid var(--panel-border);display:flex;flex-direction:column;box-shadow:var(--panel-shadow-soft);transition:width .3s ease;position:relative}.sidebar.collapsed{width:70px}.sidebar-toggle{position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background-color:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:10;color:var(--text-secondary)}.sidebar-toggle:hover{background-color:var(--accent-color);color:#fff;box-shadow:var(--shadow-md)}.sidebar-toggle:active{transform:translateY(-50%) scale(.96)}.logo{padding:var(--spacing-xl);border-bottom:1px solid var(--border-color);transition:padding var(--transition-base)}.sidebar.collapsed .logo{padding:var(--spacing-md);text-align:center}.logo h2{font-size:var(--font-xl);color:var(--accent-color);font-weight:700;white-space:nowrap;overflow:hidden;transition:font-size var(--transition-base)}.sidebar.collapsed .logo h2{font-size:var(--font-lg)}.nav-menu{flex:1;padding:var(--spacing-md) 0;display:flex;flex-direction:column}.nav-item{padding:var(--spacing-sm) var(--spacing-md);margin:0 var(--spacing-sm) var(--spacing-xs);border-left:3px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;text-decoration:none;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-base);position:relative;min-height:44px}.nav-item:hover{background-color:var(--bg-tertiary);color:var(--accent-color);transform:translate(2px)}.nav-item:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.nav-item.active{border-left-color:var(--accent-color);background-color:var(--panel-header-bg);color:var(--accent-color);font-weight:600;box-shadow:var(--shadow-sm)}.nav-item svg{width:20px;height:20px;flex-shrink:0;order:1}.nav-item>span:first-of-type{flex:1 1 auto;min-width:0;white-space:nowrap;text-overflow:ellipsis;transition:opacity var(--transition-base);order:2;max-width:120px}.sidebar.collapsed .nav-item>span:first-of-type{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:var(--spacing-md);flex-wrap:nowrap}.sidebar.collapsed .nav-item svg{margin:0}.badge{font-size:.7rem;background-color:var(--warning-color);color:#000;padding:.2rem .5rem;border-radius:var(--border-radius-sm);font-weight:600;transition:opacity var(--transition-base);order:3;flex:0 0 auto;margin-left:auto}.sidebar.collapsed .badge{display:none}.main-content{flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden;position:relative}.main-content:before{content:"";position:absolute;top:-10%;right:0;bottom:0;left:0;background:radial-gradient(600px 260px at 10% 0%,var(--surface-glow),transparent 60%),radial-gradient(520px 240px at 90% 0%,rgba(16,163,74,.06),transparent 55%);opacity:.7;pointer-events:none;z-index:0}.main-content>*{position:relative;z-index:1}.page-active{display:flex;flex:1;min-height:0}.page-hidden{display:none}.page{flex:1;display:flex;flex-direction:column;overflow:hidden}.settings-page,.dashboard-page{overflow-y:auto}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-xl);padding:var(--spacing-xl);max-width:1280px;margin:0 auto}.dashboard-section{min-height:320px}.dashboard-section .chart-container{height:260px;min-height:220px}.dashboard-span .chart-container{height:320px;min-height:260px}.dashboard-section .dashboard-resize,.dashboard-span .dashboard-resize{height:260px;min-height:220px;max-height:320px}.dashboard-resize{resize:none;overflow:hidden;min-height:220px;min-width:260px;max-width:100%;width:100%;height:100%;background:transparent}.dashboard-resize .chart-container{height:100%;min-height:220px;width:100%}.dashboard-span{grid-column:span 2}.dashboard-block{display:block}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}.kpi-card{background:linear-gradient(145deg,#0d7ef414,#0d7ef405);border:1px solid rgba(13,126,244,.28);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}body.dark-theme .kpi-card{background:linear-gradient(145deg,#0d7ef42e,#0d7ef40f);border-color:#0d7ef473}.kpi-label{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.kpi-value{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.intervention-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md);align-content:start}.intervention-item{background:linear-gradient(135deg,#0d7ef424,#0d7ef40a);border:1px solid rgba(13,126,244,.35);border-radius:var(--border-radius-md);padding:var(--spacing-md)}body.dark-theme .intervention-item{background:linear-gradient(135deg,#0d7ef438,#0d7ef414);border-color:#0d7ef480}.interventions-panel{min-height:auto}.interventions-panel .panel-content{padding-bottom:var(--spacing-lg)}.intervention-country{font-weight:600;margin-bottom:var(--spacing-xs)}.intervention-item ul{padding-left:1.1rem;color:var(--text-secondary);font-size:var(--font-xs);margin:0}.delta-table{width:100%;border-collapse:collapse;font-size:var(--font-xs)}.delta-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.delta-table th,.delta-table td{border:1px solid var(--border-color);padding:.4rem;text-align:center}.delta-table th{background:var(--bg-tertiary);font-weight:600}.delta-country{text-align:left;font-weight:600}.delta-cell{color:#fff;font-weight:600}.chart-filter{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.chart-filter label{font-size:var(--font-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.chart-filter select{padding:.45rem .7rem;border-radius:var(--border-radius-md);border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text-primary);font-size:var(--font-xs)}.chart-filter select:hover{border-color:var(--accent-color);box-shadow:0 0 0 3px #0d7ef41f}.chart-filter select:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.header{padding:var(--spacing-xl);background-color:var(--panel-bg);border-bottom:1px solid var(--panel-border);box-shadow:var(--panel-shadow-soft)}.header h1{font-size:var(--font-2xl);margin-bottom:var(--spacing-sm)}.header p{color:var(--text-secondary);font-size:var(--font-sm)}.content-grid{flex:1;display:flex;gap:0;padding:0;overflow:hidden;position:relative}.mobile-hidden{display:none!important}.mobile-toggle{display:none}.chatbot-panel{flex:1 1 auto;min-width:300px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.graphs-container{flex:1 1 auto;min-width:420px;display:flex;flex-direction:column;gap:0;overflow:hidden;height:100%}.graphs-container>div{display:flex;flex-direction:column;overflow:hidden}.resizer{background-color:var(--border-color);cursor:col-resize;transition:background-color var(--transition-fast);flex-shrink:0}.resizer:hover{background-color:var(--accent-color)}.vertical-resizer{width:4px;height:100%;cursor:col-resize}.horizontal-resizer{width:100%;height:4px;cursor:row-resize}.panel{display:flex;flex-direction:column;background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--border-radius-lg);box-shadow:var(--panel-shadow);overflow:hidden;height:100%}.panel-header{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--panel-header-bg);border-bottom:1px solid var(--panel-border);display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.panel-header h3{font-size:var(--font-base);font-weight:600;letter-spacing:.01em;display:flex;align-items:center;gap:var(--spacing-md);margin:0}.panel-header svg{width:16px;height:16px;color:var(--accent-color)}.panel-content{flex:1;padding:var(--spacing-lg);overflow:auto;height:100%;line-height:1.4;position:relative}.chatbot-panel .panel-content{display:flex;flex-direction:column;overflow:hidden}.analysis-summary{padding:var(--spacing-md);overflow:hidden}.chat-messages{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;margin-bottom:var(--spacing-md)}.message{display:flex;gap:var(--spacing-md);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-content{max-width:85%;padding:var(--spacing-md);border-radius:var(--border-radius-lg);word-wrap:break-word;font-size:var(--font-sm);line-height:1.4;position:relative}.welcome-card{display:flex;flex-direction:column;gap:var(--spacing-xs)}.welcome-title{font-size:var(--font-lg);font-weight:700;letter-spacing:.02em}.welcome-subtitle{color:var(--text-secondary);font-size:var(--font-sm)}.welcome-label{margin-top:var(--spacing-xs);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.welcome-list{margin:0;padding-left:1.1rem;font-size:var(--font-xs);color:var(--text-secondary)}.welcome-list li{margin-bottom:.2rem}.welcome-hint{margin-top:var(--spacing-xs);font-size:var(--font-xs);color:var(--text-secondary)}.analysis-explanations{margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm)}.explanation-title{font-size:var(--font-xs);font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em}.explanation-country{display:flex;flex-direction:column;gap:var(--spacing-xs)}.country-name{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.country-line{display:flex;flex-direction:column;gap:2px}.country-details{font-size:var(--font-xs);color:var(--text-secondary);line-height:1.4}.country-aspects{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.2rem;font-size:var(--font-xs);color:var(--text-secondary)}.country-aspects li{display:flex;flex-wrap:wrap;gap:.35rem;align-items:baseline}.aspect-name{font-weight:600;color:var(--text-primary)}.aspect-score{font-weight:700;color:var(--accent-color)}.aspect-text{color:var(--text-secondary)}.explanation-list{margin:0;padding-left:1.1rem;color:var(--text-secondary);font-size:var(--font-xs)}.explanation-list li{margin-bottom:.2rem}.analysis-toggle{align-self:flex-start;margin-top:var(--spacing-xs);background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.25rem .6rem;border-radius:var(--border-radius-md);font-size:var(--font-xs);cursor:pointer}.analysis-toggle:hover{color:var(--text-primary);border-color:var(--accent-color)}.message-text{white-space:pre-wrap}.message-text-block{display:flex;flex-direction:column;gap:.35rem}.bot-response.collapsed{max-height:220px;overflow:hidden;position:relative}.bot-response.collapsed:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3.2rem;background:linear-gradient(180deg,rgba(0,0,0,0),var(--bg-tertiary))}.bot-response.expanded{max-height:none}.summary-toggle{align-self:flex-start;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.2rem .5rem;border-radius:var(--border-radius-md);font-size:var(--font-xs);cursor:pointer}.summary-toggle-row{display:flex;justify-content:flex-start}.summary-toggle:hover{color:var(--text-primary);border-color:var(--accent-color);transform:translateY(-1px)}.user-message{justify-content:flex-end}.user-message .message-content{background-color:var(--accent-color);color:#fff}.bot-message{justify-content:flex-start}.bot-message .message-content{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.analysis-link{margin-top:var(--spacing-sm);padding:.35rem .6rem;border:1px solid var(--border-color);background-color:transparent;color:var(--accent-color);border-radius:var(--border-radius-md);font-size:.75rem;cursor:pointer;align-self:flex-start}.message-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-sm);align-items:center;position:relative}.user-message .message-actions{justify-content:flex-end}.analysis-link:hover{background-color:#0d7ef414;transform:translateY(-1px)}.icon-button{width:28px;height:28px;border-radius:999px;border:1px solid rgba(108,117,125,.5);background-color:transparent;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.icon-button:hover{background-color:#6c757d1f;transform:translateY(-1px)}.user-message .icon-button{border-color:#ffffffb3;color:#fff;background-color:#ffffff14}.user-message .icon-button:hover{background-color:#ffffff2e}.regen-icon{opacity:0;pointer-events:none}.message:hover .regen-icon,.message:focus-within .regen-icon{opacity:1;pointer-events:auto}.regen-icon:after{content:attr(data-label);position:absolute;right:0;top:32px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:2px 6px;border-radius:6px;font-size:.7rem;white-space:nowrap;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:2}.regen-icon:hover:after,.regen-icon:focus:after{opacity:1;transform:translateY(0)}.chat-input-container{display:flex;gap:var(--spacing-md);flex-shrink:0;margin-top:auto;padding-top:var(--spacing-sm);background-color:var(--bg-primary)}.chat-input-container input{flex:1;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--accent-color);font-size:var(--font-base);outline:none;transition:border-color var(--transition-fast)}.chat-input-container input::placeholder{color:var(--placeholder-color);opacity:1}.chat-input-container input::-webkit-input-placeholder{color:var(--placeholder-color);opacity:1}.chat-input-container input::-moz-placeholder{color:var(--placeholder-color);opacity:1}.chat-input-container input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #0d7ef41a}.chat-input-container button{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--border-radius-md);cursor:pointer;font-weight:600;transition:background-color var(--transition-base);display:flex;align-items:center;gap:var(--spacing-sm)}.chat-input-container button:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.chat-input-container button:active{transform:scale(.98)}.chart-container{position:relative;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;padding:var(--spacing-sm) 0;min-height:220px}.chart-container canvas{max-width:100%!important;max-height:calc(100% - var(--spacing-md) * 2)!important}.graph-panel,.heatmap-panel{height:100%;overflow:hidden}.heatmap-panel .panel-content{overflow:auto}.heatmap-container{width:100%;height:100%;overflow:auto}.heatmap-table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}.heatmap-table thead{position:sticky;top:0;background-color:var(--bg-secondary);z-index:10}.heatmap-table th{padding:var(--spacing-sm);text-align:center;border:1px solid var(--border-color);background-color:var(--bg-tertiary);font-weight:600;color:var(--text-primary);line-height:1.2}.heatmap-table td{padding:var(--spacing-sm);text-align:center;border:1px solid var(--border-color);transition:background-color var(--transition-fast);line-height:1.2}.heatmap-table tbody tr:hover td{background-color:var(--bg-tertiary)}.score-cell{font-weight:600;border-radius:var(--border-radius-md)}.placeholder-text{text-align:center;color:var(--text-secondary);padding:var(--spacing-xl)}.settings-container{padding:var(--spacing-xl);max-width:600px}.setting-group{margin-bottom:var(--spacing-2xl)}.setting-group h3{font-size:var(--font-lg);margin-bottom:var(--spacing-lg);color:var(--accent-color)}.setting-item{margin-bottom:var(--spacing-lg)}.setting-item label{display:block;margin-bottom:var(--spacing-sm);font-weight:600}.setting-item select{width:100%;max-width:400px;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-base);cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.setting-item select:hover{border-color:var(--accent-color);box-shadow:0 0 0 3px #0d7ef41f}.setting-item select:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.setting-item select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #0d7ef41a}button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.setting-status{margin-top:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-sm)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);width:min(420px,90vw);padding:var(--spacing-lg);box-shadow:var(--shadow-lg)}.modal h4{margin-bottom:var(--spacing-sm);font-size:var(--font-lg)}.modal p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.modal-cancel{background:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:.45rem .9rem;cursor:pointer}.modal-danger{background-color:#dc35451f;border:1px solid rgba(220,53,69,.6);color:var(--danger-color);border-radius:var(--border-radius-md);padding:.45rem .9rem;cursor:pointer;font-weight:600}.modal-cancel:hover{background-color:#ffffff0f;transform:translateY(-1px)}.modal-danger:hover{background-color:#dc354533;transform:translateY(-1px)}.danger-link{background-color:#dc35451f;border:1px solid rgba(220,53,69,.5);color:var(--danger-color);font-weight:600;cursor:pointer;padding:.6rem 1.05rem;border-radius:var(--border-radius-md);text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem}.danger-link:hover{background-color:#dc354533;transform:translateY(-1px)}.danger-link:active{transform:translateY(1px)}.under-development{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:var(--spacing-2xl)}.under-development svg{width:100px;height:100px;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.under-development h2{font-size:var(--font-xl);margin-bottom:var(--spacing-md)}.under-development p{color:var(--text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 768px){.app-container{flex-direction:column;height:100dvh}.sidebar,.sidebar.collapsed{width:100%;flex-direction:row;align-items:center;padding:0 var(--spacing-sm)}.sidebar-toggle{display:none}.logo{padding:var(--spacing-md);border-bottom:none}.nav-menu{flex:1;flex-direction:row;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);overflow-x:auto;white-space:nowrap}.nav-item{margin:0;border-left:none;border-bottom:3px solid transparent}.nav-item.active{border-left-color:transparent;border-bottom-color:var(--accent-color)}.nav-item>span:first-of-type{display:inline;max-width:none}.badge{margin-left:var(--spacing-xs)}.main-content{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.header{padding:var(--spacing-lg)}.dashboard-grid{grid-template-columns:1fr;padding:var(--spacing-lg);max-width:100%}.dashboard-span{grid-column:span 1}.dashboard-page{overflow-x:hidden}.dashboard-grid,.dashboard-section,.dashboard-span,.dashboard-block,.panel{width:100%;min-width:0}.chart-filter{flex-direction:column;align-items:flex-start}.chart-filter select{width:100%}.aspect-heatmap-panel .panel-content{overflow-x:auto}.delta-table{min-width:720px;width:max-content;table-layout:auto;font-size:.75rem}.delta-table th,.delta-table td{padding:.35rem;white-space:nowrap}.dashboard-resize{min-width:0;width:100%;height:460px!important;min-height:420px!important}.dashboard-block{width:100%}.intervention-list{grid-template-columns:1fr}.content-grid{flex-direction:column;overflow:visible}.chatbot-panel{display:flex;min-width:0;border-right:none;border-bottom:1px solid var(--border-color);height:auto}.graphs-container{min-width:0;height:auto}.mobile-toggle{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--panel-bg);border-bottom:1px solid var(--panel-border);position:sticky;top:0;z-index:100}.mobile-toggle-btn{flex:1;padding:10px 12px;border-radius:999px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer}.mobile-toggle-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.resizer{display:none}.heatmap-panel .panel-content{overflow-x:auto}.heatmap-table{min-width:720px;width:max-content;table-layout:auto;font-size:.75rem}.heatmap-table th,.heatmap-table td{padding:.35rem;white-space:nowrap}}@media (max-width: 540px){.page{overflow:auto;-webkit-overflow-scrolling:touch}.auth-shell{padding:24px 16px 32px;align-items:flex-start}.auth-card{width:100%;max-width:420px;margin:0 auto;padding:24px 20px}.auth-header h1{font-size:1.75rem}.auth-tabs{width:100%;justify-content:space-between}.auth-tab{flex:1 1 0;text-align:center}.auth-google{display:flex;flex-direction:column;align-items:stretch}.auth-google-slot{width:100%}.auth-google-slot>div,.auth-google-slot iframe{width:100%!important}.header{padding:var(--spacing-md) var(--spacing-lg)}.dashboard-grid{padding:var(--spacing-md);gap:var(--spacing-md)}.panel{border-radius:16px;height:auto}.panel-header{padding:var(--spacing-sm) var(--spacing-md)}.panel-content{padding:var(--spacing-md);overflow:visible;height:auto}.content-grid{gap:0}.chatbot-panel,.graphs-container{border-radius:0}.chatbot-panel{min-height:50dvh}.chat-messages{gap:var(--spacing-sm);overflow:visible}.message-content{max-width:100%;padding:var(--spacing-sm) var(--spacing-md)}.chat-input-container{padding:var(--spacing-sm) 0 0}.chat-input-container input{padding:10px 12px;font-size:.95rem}.chat-input-container button{padding:10px 12px}.regen-icon{opacity:1;pointer-events:auto}.dashboard-section .chart-container,.dashboard-span .chart-container{height:380px;min-height:340px}}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.auth-loading{min-height:100vh;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;background:radial-gradient(circle at top,rgba(38,90,173,.2),transparent 55%),var(--bg-primary);color:var(--text-primary)}.auth-spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(255,255,255,.2);border-top-color:var(--accent-color);animation:spin 1s linear infinite}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;padding:60px 80px;background:linear-gradient(135deg,#0f172a,#0b1324 40%,#172554);color:#e5e7eb;position:relative;overflow:hidden}.auth-glow{position:absolute;inset:-40% -20% auto -20%;height:70vh;background:radial-gradient(circle,rgba(99,102,241,.35),transparent 60%);filter:blur(40px);z-index:0}.auth-card{position:relative;z-index:1;background:#0f172acc;border:1px solid rgba(148,163,184,.2);border-radius:24px;padding:36px;box-shadow:0 20px 50px #0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-header h1{font-size:2.2rem;margin:12px 0 8px}.auth-header p{color:#e2e8f0cc}.auth-tag{display:inline-flex;padding:6px 12px;border-radius:999px;background:#6366f133;color:#c7d2fe;font-weight:600;letter-spacing:.02em}.auth-tabs{margin:24px 0 16px;display:inline-flex;background:#0f172a99;border-radius:999px;border:1px solid rgba(148,163,184,.2);overflow:hidden}.auth-tab{background:transparent;border:none;padding:10px 20px;color:#cbd5f5;cursor:pointer;font-weight:600}.auth-tab.active{background:#6366f14d;color:#eef2ff}.auth-google{margin-bottom:18px}.auth-google-slot{min-height:44px}.auth-google-fallback{width:min(320px,100%);padding:12px 16px;border-radius:12px;border:1px solid rgba(148,163,184,.4);background:#0f172a66;color:#e2e8f0;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.auth-google-fallback:hover:enabled{transform:translateY(-1px);box-shadow:0 10px 20px #00000040;filter:brightness(1.05)}.auth-google-fallback:disabled{opacity:.5;cursor:not-allowed}.auth-hint{margin-top:8px;font-size:.9rem;color:#e2e8f0b3}.auth-form{display:grid;gap:14px}.auth-field{display:grid;gap:8px;font-weight:600}.auth-field input{border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#0f172a80;padding:12px 14px;color:#e2e8f0}.auth-meta{font-size:.9rem;color:#e2e8f0b3}.auth-meta a{color:#a5b4fc}.auth-submit{margin-top:4px;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#22d3ee);color:#0f172a;font-weight:700;border:none;cursor:pointer}.auth-error{margin-top:16px;padding:10px 14px;border-radius:10px;background:#f8717133;border:1px solid rgba(248,113,113,.5);color:#fecaca}.auth-footer{margin-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#e2e8f0cc}.auth-link{border:none;background:transparent;color:#a5b4fc;cursor:pointer;font-weight:600}.auth-side{position:relative;z-index:1}.auth-side-card{background:#0f172a80;border-radius:24px;padding:32px;border:1px solid rgba(99,102,241,.3);box-shadow:inset 0 0 0 1px #94a3b81a}.auth-side-card h2{font-size:1.8rem;margin-bottom:12px}.auth-side-card ul{margin-top:16px;padding-left:18px;color:#e2e8f0cc;line-height:1.7}.auth-steps{margin-top:16px;padding-left:0;list-style:none;color:#e2e8f0cc}.auth-steps li{margin-bottom:12px;padding-left:36px;position:relative;line-height:1.6}.auth-steps li:before{content:attr(data-step);position:absolute;left:0;top:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#6366f199,#a855f799);border-radius:50%;font-size:.9rem;font-weight:600;color:#fff}.auth-steps li:nth-child(1):before{content:"1"}.auth-steps li:nth-child(2):before{content:"2"}.auth-steps li:nth-child(3):before{content:"3"}.auth-steps li:nth-child(4):before{content:"4"}.auth-steps li:nth-child(5):before{content:"5"}.auth-steps li strong{display:block;color:#e2e8f0;margin-bottom:2px}.auth-steps li span{display:block;font-size:.9rem;color:#e2e8f0b3}.auth-steps a{color:#63f7f0;text-decoration:none;font-weight:500}.auth-steps a:hover{text-decoration:underline}@media (max-width: 960px){.auth-shell{grid-template-columns:1fr;padding:40px 24px}.auth-side{display:none}}.setting-meta{margin-bottom:10px;color:var(--text-secondary)}.setting-help{font-size:.85rem;color:var(--text-secondary)}.setting-help a{color:var(--accent-color)}.primary-link{background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--border-radius-md);padding:10px 16px;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.setting-item .primary-link{margin-top:10px;align-self:flex-start}.primary-link:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0000002e;filter:brightness(1.05)}.primary-link:active{transform:translateY(1px) scale(.98)}.secondary-link{background:transparent;color:var(--accent-color);border:1px solid var(--accent-color);border-radius:var(--border-radius-md);padding:8px 14px;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.secondary-link:hover{background-color:#6366f11f;transform:translateY(-1px);box-shadow:0 6px 12px #0000001f}.secondary-link:active{transform:translateY(1px) scale(.98)}.setting-item input{transition:border-color .2s ease,box-shadow .2s ease}.setting-item input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f126}.api-key-input{width:min(420px,100%);padding:10px 14px;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);box-shadow:inset 0 1px 2px #0003}.api-key-input::placeholder{color:var(--text-secondary);opacity:.7}