.header{position:fixed;top:0;left:0;right:0;height:80px;background:var(--secondary-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-light)}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.menu-toggle{display:none;background:none;border:none;color:var(--primary-text);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius);transition:background-color var(--transition-fast)}.menu-toggle:hover{background:var(--tertiary-bg)}.header-brand{display:flex;align-items:center;gap:var(--spacing-md)}.brand-logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));border-radius:var(--border-radius);box-shadow:var(--shadow-light)}.logo-icon{color:var(--primary-bg)}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-text);margin:0;line-height:1}.brand-subtitle{font-size:var(--font-size-xs);color:var(--muted-text);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.system-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--tertiary-bg);border-radius:var(--border-radius);border:1px solid var(--border-color)}.status-text{font-size:var(--font-size-sm);color:var(--secondary-text);font-weight:500}.status-icon{color:var(--muted-text)}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.header-item{position:relative}.icon-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--secondary-text);cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition-fast)}.icon-button:hover{background:var(--tertiary-bg);color:var(--primary-text)}.notification-badge{position:absolute;top:8px;right:8px;width:18px;height:18px;background:var(--danger-accent);color:#fff;font-size:10px;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--secondary-bg)}.user-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:none;border:none;color:var(--primary-text);cursor:pointer;border-radius:var(--border-radius);transition:background-color var(--transition-fast)}.user-button:hover{background:var(--tertiary-bg)}.user-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary-accent);color:var(--primary-bg);border-radius:50%;font-weight:600}.user-avatar.large{width:48px;height:48px}.user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--primary-text);line-height:1.2}.user-role{font-size:var(--font-size-xs);color:var(--muted-text);text-transform:capitalize}.dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-heavy);z-index:1001;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.dropdown-content{padding:var(--spacing-sm) 0}.dropdown-footer{padding:var(--spacing-md);border-top:1px solid var(--border-color)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--secondary-text);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--tertiary-bg);color:var(--primary-text)}.dropdown-item.danger{color:var(--danger-accent)}.dropdown-item.danger:hover{background:rgba(255,68,68,.1);color:var(--danger-accent)}.dropdown-divider{height:1px;background:var(--border-color);margin:var(--spacing-sm) 0}.notifications-dropdown{min-width:320px}.notification-count{font-size:var(--font-size-xs);color:var(--primary-accent);font-weight:500}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.notification-item:hover{background:var(--tertiary-bg)}.notification-item:last-child{border-bottom:none}.notification-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0}.notification-icon.success{background:rgba(0,255,136,.2);color:var(--primary-accent)}.notification-icon.warning{background:rgba(255,170,0,.2);color:var(--warning-accent)}.notification-icon.info{background:rgba(0,136,255,.2);color:var(--secondary-accent)}.notification-content{flex:1}.notification-title{font-size:var(--font-size-sm);font-weight:500;color:var(--primary-text);margin-bottom:2px}.notification-time{font-size:var(--font-size-xs);color:var(--muted-text)}.user-dropdown{min-width:260px}.user-email{font-size:var(--font-size-xs);color:var(--muted-text);margin-bottom:var(--spacing-xs)}.user-role-badge{display:inline-block;padding:2px 8px;background:var(--primary-accent);color:var(--primary-bg);font-size:10px;font-weight:600;text-transform:uppercase;border-radius:12px;letter-spacing:.5px}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}@media (max-width: 1024px){.menu-toggle{display:flex}.system-status{display:none}}@media (max-width: 768px){.header{height:70px;padding:0 var(--spacing-md)}.header-left{gap:var(--spacing-md)}.brand-text,.user-info{display:none}.dropdown{min-width:260px}.notifications-dropdown{min-width:280px}}@media (max-width: 480px){.header-right{gap:var(--spacing-sm)}.dropdown{left:var(--spacing-md);right:var(--spacing-md);min-width:auto}}.reports-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xxl);padding:var(--spacing-xl);background:var(--secondary-bg);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.header-content{display:flex;align-items:center;gap:var(--spacing-lg)}.page-icon{color:var(--primary-accent);background:var(--accent-bg);padding:var(--spacing-md);border-radius:var(--border-radius)}.header-actions{display:flex;gap:var(--spacing-md)}.action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);font-weight:500;transition:all var(--transition-fast);cursor:pointer;border:none}.action-btn.primary{background:var(--primary-accent);color:#fff}.action-btn.primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.action-btn.secondary{background:var(--accent-bg);color:var(--primary-text);border:1px solid var(--border-color)}.action-btn.secondary:hover{background:var(--secondary-bg);border-color:var(--primary-accent)}.reports-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all var(--transition-medium)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow)}.stat-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:var(--border-radius);background:var(--accent-bg);color:var(--primary-accent)}.stat-icon.success{background:rgba(16,185,129,.2);color:var(--success-accent)}.stat-icon.warning{background:rgba(245,158,11,.2);color:var(--warning-accent)}.stat-icon.info{background:rgba(59,130,246,.2);color:var(--info-accent)}.stat-content{flex:1}.stat-value{font-size:var(--font-size-xxxl);font-weight:700;color:var(--primary-text);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--secondary-text);font-weight:500}.reports-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg)}.search-section{flex:1;max-width:400px}.search-input svg{position:absolute;left:var(--spacing-md);color:var(--muted-text);z-index:1}.search-input input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 48px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--primary-bg);color:var(--primary-text);font-size:var(--font-size-md);transition:all var(--transition-fast)}.search-input input:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px #3b82f61a}.filter-section{display:flex;align-items:center;gap:var(--spacing-lg)}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--secondary-text);white-space:nowrap}.filter-group select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--primary-bg);color:var(--primary-text);font-size:var(--font-size-sm);cursor:pointer}.view-toggle{display:flex;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.view-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-bg);border:none;color:var(--secondary-text);cursor:pointer;transition:all var(--transition-fast)}.view-btn:hover{background:var(--accent-bg)}.view-btn.active{background:var(--primary-accent);color:#fff}.reports-container{margin-bottom:var(--spacing-xxl)}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.reports-header h3{font-size:var(--font-size-xl);font-weight:600;color:var(--primary-text)}.bulk-actions{display:flex;gap:var(--spacing-md)}.btn-outline{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--secondary-text);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-outline:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.reports-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.report-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);transition:all var(--transition-medium);position:relative;overflow:hidden}.report-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-medium)}.report-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:var(--primary-accent)}.report-card:hover:before{opacity:1}.report-card.list{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg)}.report-card.list:hover{transform:none}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.report-type{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--primary-accent)}.file-type{font-size:var(--font-size-xs);font-weight:600;color:var(--secondary-text);background:var(--accent-bg);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.ready{background:rgba(16,185,129,.2);color:var(--success-accent);border:1px solid rgba(16,185,129,.3)}.status-badge.generating{background:rgba(245,158,11,.2);color:var(--warning-accent);border:1px solid rgba(245,158,11,.3)}.status-badge.scheduled{background:rgba(59,130,246,.2);color:var(--info-accent);border:1px solid rgba(59,130,246,.3)}.report-content{flex:1;margin-bottom:var(--spacing-lg)}.report-content h4{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-sm)}.report-content p{color:var(--secondary-text);font-size:var(--font-size-md);line-height:1.5;margin-bottom:var(--spacing-md)}.report-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.tag{padding:var(--spacing-xs) var(--spacing-sm);background:var(--accent-bg);color:var(--secondary-text);font-size:var(--font-size-xs);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.report-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--muted-text)}.meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.file-size{font-weight:500;color:var(--secondary-text)}.report-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--primary-bg);color:var(--secondary-text);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:var(--accent-bg)}.generating-status,.scheduled-status{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--secondary-text);font-size:var(--font-size-sm)}.spinning{animation:spin 1s linear infinite}.empty-state{text-align:center;padding:var(--spacing-xxl);color:var(--muted-text)}.empty-state svg{margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3{font-size:var(--font-size-xl);color:var(--secondary-text);margin-bottom:var(--spacing-md)}.empty-state p{margin-bottom:var(--spacing-lg);max-width:400px;margin-left:auto;margin-right:auto}.btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--primary-accent);color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.custom-reports-section{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xxl)}.section-header{text-align:center;margin-bottom:var(--spacing-xxl)}.section-header h3{font-size:var(--font-size-xxl);font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-md)}.section-header p{color:var(--secondary-text);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.custom-templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.template-card{text-align:center;padding:var(--spacing-xxl);background:var(--primary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all var(--transition-medium)}.template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:var(--primary-accent)}.template-card.custom{border:2px dashed var(--primary-accent);background:var(--accent-bg)}.template-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--spacing-lg);background:var(--accent-bg);border-radius:var(--border-radius-lg);color:var(--primary-accent)}.template-card.custom .template-icon{background:rgba(59,130,246,.1)}.template-card h4{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-sm)}.template-card p{color:var(--secondary-text);font-size:var(--font-size-md);margin-bottom:var(--spacing-lg);line-height:1.5}.settings-page{padding:24px;max-width:1200px;margin:0 auto;background:#f8fafc;min-height:100vh}.settings-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px;background:white;padding:24px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.settings-page .header-content{display:flex;align-items:center;gap:16px}.settings-page .page-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 4px #667eea33}.settings-page .page-header h2{margin:0 0 4px;font-size:24px;font-weight:700;color:#1a202c}.settings-page .page-header p{margin:0;color:#4a5568;font-size:14px;font-weight:500}.settings-page .header-actions{display:flex;gap:12px;align-items:center}.settings-page .action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #cbd5e0;border-radius:8px;background:white;color:#2d3748;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.settings-page .action-btn:hover{background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea26}.settings-page .action-btn.secondary{background:#f7fafc;border-color:#a0aec0;color:#2d3748}.settings-page .action-btn.secondary:hover{background:#4299e1;border-color:#4299e1;color:#fff}.save-status{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500}.save-status.success{background:#f0fff4;color:#38a169}.save-status.error{background:#fed7d7;color:#e53e3e}.save-status.saving{background:#fef5e7;color:#d69e2e}.settings-tabs{display:flex;background:white;border-radius:12px;padding:6px;margin-bottom:24px;border:1px solid #e2e8f0;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 18px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#4a5568;font-size:14px;font-weight:600;white-space:nowrap;flex-shrink:0}.tab-btn:hover{background:#edf2f7;color:#2d3748;transform:translateY(-1px)}.tab-btn.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 12px #667eea40;font-weight:700}.settings-content{background:white;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.settings-section{padding:32px}.settings-section .section-header{margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.settings-section .section-header h3{margin:0 0 8px;font-size:22px;font-weight:700;color:#1a202c}.settings-section .section-header p{margin:0;color:#4a5568;font-size:15px;font-weight:500}.settings-grid{display:grid;gap:24px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{display:flex;flex-direction:column;gap:10px;font-weight:600;color:#2d3748}.setting-item label>span{font-size:15px;color:#2d3748}.setting-item input[type=text],.setting-item input[type=number],.setting-item select{padding:12px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease;background:white;color:#2d3748;font-weight:500}.setting-item input[type=text]:focus,.setting-item input[type=number]:focus,.setting-item select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26;background:#f8faff}.checkbox-label{flex-direction:row!important;align-items:center;gap:14px!important;cursor:pointer;padding:8px 0}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:#667eea}.checkbox-label span{color:#2d3748!important;font-weight:600!important;font-size:15px!important}.input-with-unit{display:flex;align-items:center;gap:10px}.input-with-unit input{flex:1}.input-with-unit .unit{color:#4a5568;font-size:14px;font-weight:600;background:#f7fafc;padding:4px 8px;border-radius:4px;border:1px solid #e2e8f0}.setting-description{margin:6px 0 0;font-size:13px;color:#718096;font-weight:500;font-style:italic}.color-scheme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-top:8px}.color-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:2px solid #e2e8f0;border-radius:8px;background:white;cursor:pointer;transition:all .2s ease}.color-option:hover{border-color:#cbd5e0}.color-option.active{border-color:#667eea;background:#f8faff}.color-preview{width:24px;height:24px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #e2e8f0}.color-option.blue .color-preview{background:#667eea}.color-option.green .color-preview{background:#38a169}.color-option.purple .color-preview{background:#805ad5}.color-option.orange .color-preview{background:#d69e2e}.color-option span{font-size:12px;font-weight:500;color:#4a5568}.settings-actions{display:flex;gap:12px;justify-content:flex-end;padding:0 32px 32px}.btn-primary{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea40}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%);transform:translateY(-2px);box-shadow:0 6px 20px #667eea59}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{display:flex;align-items:center;gap:8px;padding:14px 28px;background:white;color:#2d3748;border:2px solid #cbd5e0;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.btn-secondary:hover{background:#f7fafc;border-color:#667eea;color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea26}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:white;border-radius:12px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1a202c}.modal-close{padding:4px;border:none;background:transparent;cursor:pointer;color:#718096;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#f7fafc;color:#4a5568}.modal-body{padding:24px}.modal-body p{margin:0 0 16px;color:#4a5568;font-size:14px}.modal-body textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:Courier New,monospace;resize:vertical;min-height:200px}.modal-body textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e2e8f0;background:#f7fafc}@media (max-width: 768px){.page-header{flex-direction:column;gap:var(--spacing-lg);text-align:center}.reports-controls{flex-direction:column;align-items:stretch}.filter-section{flex-wrap:wrap;justify-content:center}.reports-grid,.custom-templates{grid-template-columns:1fr}.report-card.list{flex-direction:column;align-items:stretch}.settings-page{padding:16px}.settings-page .page-header{flex-direction:column;align-items:flex-start}.settings-page .header-actions{width:100%;justify-content:flex-start}.settings-tabs{overflow-x:auto}.settings-section{padding:20px}.settings-actions{padding:0 20px 20px;flex-direction:column}.color-scheme-options{grid-template-columns:repeat(2,1fr)}.modal-content{margin:20px;max-width:none}}.dashboard-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.metric-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-medium);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-medium)}.metric-card:hover{transform:translateY(-4px);border-color:var(--primary-accent);box-shadow:var(--shadow-glow)}.metric-card:hover:before{opacity:1}.metric-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:var(--border-radius);background:var(--accent-bg);margin-bottom:var(--spacing-lg);color:var(--primary-accent)}.metric-content h3{font-size:var(--font-size-md);color:var(--secondary-text);margin-bottom:var(--spacing-sm);font-weight:500}.metric-value{font-size:var(--font-size-xxxl);font-weight:700;color:var(--primary-text);margin-bottom:var(--spacing-sm)}.metric-change{font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);display:inline-block}.metric-change.positive{background:rgba(16,185,129,.2);color:var(--success-accent);border:1px solid rgba(16,185,129,.3)}.metric-change.negative{background:rgba(239,68,68,.2);color:var(--danger-accent);border:1px solid rgba(239,68,68,.3)}.metric-change.neutral{background:var(--accent-bg);color:var(--secondary-text);border:1px solid var(--border-color)}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl)}.chart-section,.recent-activity{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chart-section h3,.recent-activity h3{font-size:var(--font-size-xl);font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.chart-placeholder{height:300px;display:flex;align-items:center;justify-content:center;background:var(--accent-bg);border-radius:var(--border-radius);border:2px dashed var(--border-color);color:var(--muted-text);font-style:italic}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--accent-bg);border-radius:var(--border-radius);border-left:3px solid var(--primary-accent);transition:all var(--transition-fast)}.activity-item:hover{background:rgba(59,130,246,.1);transform:translate(4px)}.activity-time{font-size:var(--font-size-xs);color:var(--muted-text);font-weight:500}.activity-text{color:var(--secondary-text);font-size:var(--font-size-sm)}@media (max-width: 1024px){.dashboard-content{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.dashboard-page{padding:var(--spacing-md)}.metrics-grid{grid-template-columns:1fr}.metric-card{padding:var(--spacing-lg)}.page-header h2{font-size:var(--font-size-xxl)}}.analytics-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.analytics-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl)}.analysis-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-medium);position:relative;overflow:hidden}.analysis-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-medium)}.analysis-card:hover{transform:translateY(-4px);border-color:var(--primary-accent);box-shadow:var(--shadow-glow)}.analysis-card:hover:before{opacity:1}.analysis-card .card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.analysis-card .card-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-text);margin:0}.analysis-card .card-content p{color:var(--secondary-text);margin-bottom:var(--spacing-lg);line-height:1.6}.chart-placeholder{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);background:var(--accent-bg);border-radius:var(--border-radius);border:2px dashed var(--border-color);color:var(--muted-text);font-style:italic;transition:all var(--transition-medium)}.chart-placeholder:hover{border-color:var(--primary-accent);background:rgba(59,130,246,.05)}.insights-section{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.insights-section h3{font-size:var(--font-size-xl);font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.insight-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--accent-bg);border-radius:var(--border-radius);border-left:4px solid transparent;transition:all var(--transition-medium)}.insight-item:hover{transform:translate(4px);background:rgba(59,130,246,.1)}.insight-indicator{width:12px;height:12px;border-radius:50%;margin-top:4px;flex-shrink:0}.insight-indicator.positive{background:var(--success-accent)}.insight-indicator.warning{background:var(--warning-accent)}.insight-indicator.negative{background:var(--danger-accent)}.insight-content h4{font-size:var(--font-size-md);font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-xs)}.insight-content p{color:var(--secondary-text);font-size:var(--font-size-sm);line-height:1.5;margin:0}.pipeline-page,.projects-page,.innovation-page,.research-page,.development-page,.launch-page,.validation-page{padding:24px;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px;background:white;padding:24px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.page-header .header-content{display:flex;align-items:center;gap:16px}.page-header .page-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 4px #667eea33}.page-header .header-text h2{margin:0 0 4px;font-size:24px;font-weight:700;color:#1a202c}.page-header .header-text p{margin:0;color:#4a5568;font-size:14px;font-weight:500}.page-header .header-actions{display:flex;gap:12px;align-items:center}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;box-shadow:0 1px 2px #0000000d}.action-btn.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 12px #667eea40}.action-btn.primary:hover{background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%);transform:translateY(-2px);box-shadow:0 6px 20px #667eea59}.action-btn.secondary{background:white;color:#2d3748;border:2px solid #cbd5e0}.action-btn.secondary:hover{background:#f7fafc;border-color:#667eea;color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea26}.action-btn.danger{background:#fed7d7;color:#c53030;border:2px solid #feb2b2}.action-btn.danger:hover{background:#fc8181;color:#fff;border-color:#e53e3e;transform:translateY(-1px)}.innovation-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.metric-card{background:white;padding:24px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.metric-card .metric-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px;box-shadow:0 2px 4px #667eea33}.metric-card .metric-value{font-size:28px;font-weight:700;color:#1a202c;margin-bottom:4px;line-height:1}.metric-card .metric-label{font-size:14px;color:#4a5568;font-weight:500;margin-bottom:8px}.metric-card .metric-change{font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.metric-card .metric-change.positive{background:#c6f6d5;color:#22543d}.metric-card .metric-change.negative{background:#fed7d7;color:#c53030}.toolbar{background:white;padding:20px;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.toolbar-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:16px;flex:1}.toolbar-right{display:flex;align-items:center;gap:12px}.search-box{position:relative;flex:1;max-width:300px}.search-box input{width:100%;padding:10px 12px 10px 40px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease;background:#f8fafc}.search-box input:focus{outline:none;border-color:#667eea;background:white;box-shadow:0 0 0 3px #667eea1a}.search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#a0aec0;width:16px;height:16px}.filter-select{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#f8fafc;color:#2d3748;cursor:pointer;transition:all .2s ease;min-width:120px}.filter-select:focus{outline:none;border-color:#667eea;background:white;box-shadow:0 0 0 3px #667eea1a}.view-toggle{display:flex;background:#f1f5f9;border-radius:8px;padding:4px;border:1px solid #e2e8f0}.view-toggle button{padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#64748b;font-size:14px;display:flex;align-items:center;gap:6px}.view-toggle button.active{background:white;color:#667eea;box-shadow:0 1px 2px #0000001a}.view-toggle button:hover:not(.active){color:#475569;background:rgba(255,255,255,.5)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.filters-panel{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.filters-panel.collapsed{display:none}.filters-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:150px}.filter-group label{font-size:12px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px}.filter-group select,.filter-group input{padding:8px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;background:#f8fafc;transition:all .2s ease}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#667eea;background:white;box-shadow:0 0 0 3px #667eea1a}.bulk-actions{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:16px 20px;border-radius:12px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #667eea40}.bulk-actions.hidden{display:none}.bulk-actions .selection-info{font-size:14px;font-weight:600}.bulk-actions .bulk-buttons{display:flex;gap:12px}.bulk-actions button{padding:8px 16px;border:2px solid rgba(255,255,255,.3);border-radius:6px;background:rgba(255,255,255,.1);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.bulk-actions button:hover{background:rgba(255,255,255,.2);border-color:#ffffff80;transform:translateY(-1px)}.bulk-actions button.danger{background:rgba(239,68,68,.2);border-color:#ef44444d}.bulk-actions button.danger:hover{background:rgba(239,68,68,.3);border-color:#ef444480}.pipeline-grid,.projects-grid,.innovation-grid,.research-grid,.development-grid,.launch-grid,.validation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:24px}.innovation-card{background:white;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;overflow:hidden;position:relative}.innovation-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:#667eea}.innovation-card.selected{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.innovation-card .card-checkbox{position:absolute;top:16px;right:16px;width:20px;height:20px;cursor:pointer;z-index:2}.innovation-card .card-header{padding:20px 20px 16px;border-bottom:1px solid #f1f5f9;position:relative}.innovation-card .card-header .priority-badge{position:absolute;top:16px;left:16px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.innovation-card .card-header .priority-badge.high{background:#fed7d7;color:#c53030}.innovation-card .card-header .priority-badge.medium{background:#feebc8;color:#c05621}.innovation-card .card-header .priority-badge.low{background:#c6f6d5;color:#22543d}.innovation-card .card-title{font-size:18px;font-weight:700;color:#1a202c;margin:24px 0 8px;line-height:1.3}.innovation-card .card-category{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#f1f5f9;color:#4a5568;border-radius:6px;font-size:12px;font-weight:600;margin-bottom:12px}.innovation-card .card-description{color:#4a5568;font-size:14px;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.innovation-card .card-progress{margin-bottom:16px}.innovation-card .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.innovation-card .progress-label{font-size:12px;font-weight:600;color:#4a5568}.innovation-card .progress-value{font-size:12px;font-weight:700;color:#667eea}.innovation-card .progress-bar{width:100%;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.innovation-card .progress-fill{height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:3px;transition:width .3s ease}.innovation-card .card-details{padding:16px 20px;background:#f8fafc;border-top:1px solid #f1f5f9}.innovation-card .details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.innovation-card .detail-item{display:flex;flex-direction:column;gap:4px}.innovation-card .detail-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.innovation-card .detail-value{font-size:14px;font-weight:600;color:#1a202c}.innovation-card .card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.innovation-card .tag{padding:4px 8px;background:#e2e8f0;color:#4a5568;border-radius:4px;font-size:11px;font-weight:600}.innovation-card .card-actions{display:flex;gap:8px;justify-content:flex-end}.innovation-card .card-actions button{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background:white;color:#4a5568;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.innovation-card .card-actions button:hover{background:#f8fafc;border-color:#cbd5e0;color:#2d3748}.innovation-card .card-actions button.primary{background:#667eea;color:#fff;border-color:#667eea}.innovation-card .card-actions button.primary:hover{background:#5a67d8;border-color:#5a67d8}.innovations-list{display:flex;flex-direction:column;gap:12px}.innovation-list-item{background:white;border:1px solid #e2e8f0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:16px;transition:all .2s ease;cursor:pointer}.innovation-list-item:hover{background:#f8fafc;border-color:#cbd5e0;transform:translate(4px)}.innovation-list-item.selected{border-color:#667eea;background:rgba(102,126,234,.05)}.innovation-list-item .list-checkbox{width:18px;height:18px;cursor:pointer}.innovation-list-item .list-content{flex:1;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:16px;align-items:center}.innovation-list-item .list-title{font-size:16px;font-weight:600;color:#1a202c;margin:0}.innovation-list-item .list-category{font-size:12px;color:#64748b;font-weight:500}.innovation-list-item .list-stage{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-align:center}.innovation-list-item .list-progress{display:flex;align-items:center;gap:8px}.innovation-list-item .list-progress-bar{flex:1;height:4px;background:#f1f5f9;border-radius:2px;overflow:hidden}.innovation-list-item .list-progress-fill{height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;transition:width .3s ease}.innovation-list-item .list-progress-text{font-size:12px;font-weight:600;color:#4a5568;min-width:35px}.innovation-list-item .list-budget{font-size:14px;font-weight:600;color:#22543d}.innovation-list-item .list-actions{display:flex;gap:6px}.innovation-list-item .list-actions button{padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px;background:white;color:#64748b;font-size:11px;cursor:pointer;transition:all .2s ease}.innovation-list-item .list-actions button:hover{background:#f8fafc;color:#475569}.empty-state{text-align:center;padding:60px 20px;background:white;border-radius:12px;border:2px dashed #e2e8f0;margin-top:24px}.empty-state .empty-icon{width:80px;height:80px;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#94a3b8}.empty-state h3{font-size:20px;font-weight:600;color:#1a202c;margin:0 0 8px}.empty-state p{font-size:14px;color:#64748b;max-width:400px;margin:0 auto 24px}.empty-state .empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pipeline-card,.project-card,.research-card,.development-card,.launch-card,.validation-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-medium);position:relative;overflow:hidden;cursor:pointer}.pipeline-card:before,.project-card:before,.innovation-card:before,.research-card:before,.development-card:before,.launch-card:before,.validation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-medium)}.pipeline-card:hover,.project-card:hover,.innovation-card:hover,.research-card:hover,.development-card:hover,.launch-card:hover,.validation-card:hover{transform:translateY(-4px);border-color:var(--primary-accent);box-shadow:var(--shadow-glow)}.pipeline-card:hover:before,.project-card:hover:before,.innovation-card:hover:before,.research-card:hover:before,.development-card:hover:before,.launch-card:hover:before,.validation-card:hover:before{opacity:1}.status-pending{background:rgba(245,158,11,.2);color:var(--warning-accent);border:1px solid rgba(245,158,11,.3)}.status-completed{background:rgba(59,130,246,.2);color:var(--primary-accent);border:1px solid rgba(59,130,246,.3)}.status-paused{background:rgba(239,68,68,.2);color:var(--danger-accent);border:1px solid rgba(239,68,68,.3)}.card-content{margin-bottom:var(--spacing-lg)}.card-description{color:var(--secondary-text);line-height:1.6;margin-bottom:var(--spacing-md)}.card-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.progress-bar{width:100%;height:8px;background:var(--accent-bg);border-radius:var(--border-radius);overflow:hidden;margin-bottom:var(--spacing-sm)}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--border-radius);transition:width var(--transition-medium)}.progress-text{font-size:var(--font-size-sm);color:var(--secondary-text);text-align:center}.launch-page{padding:24px;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:100vh}.page-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;padding:32px;margin-bottom:32px;color:#fff;box-shadow:0 8px 32px #667eea4d}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-title{display:flex;align-items:center;gap:16px}.header-title h1{margin:0;font-size:32px;font-weight:700}.header-title p{margin:8px 0 0;font-size:16px;opacity:.9}.header-stats{display:flex;gap:32px}.stat-item{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.1);padding:16px 20px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item div{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;line-height:1}.stat-label{font-size:12px;opacity:.8;margin-top:4px}.header-actions{display:flex;gap:12px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.metric-card{background:white;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.metric-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.metric-header span{font-size:14px;font-weight:600;color:#475569}.metric-value{font-size:32px;font-weight:700;color:#1e293b;margin-bottom:8px}.metric-change{font-size:14px;color:#64748b}.metric-change.positive{color:#059669}.filters-panel{background:white;border-radius:16px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease}.filters-panel.collapsed .filters-content{display:none}.filters-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.filters-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;font-size:16px;font-weight:600;color:#475569;cursor:pointer;transition:color .2s ease}.filters-toggle:hover{color:#667eea}.view-controls{display:flex;gap:8px}.view-btn{padding:8px 12px;border:1px solid #e2e8f0;background:white;border-radius:8px;cursor:pointer;transition:all .2s ease}.view-btn:hover{background:#f1f5f9}.view-btn.active{background:#667eea;color:#fff;border-color:#667eea}.filters-content{padding:24px}.filters-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:20px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:14px;font-weight:600;color:#374151}.search-input{position:relative;display:flex;align-items:center}.search-input svg{position:absolute;left:12px;color:#9ca3af;z-index:1}.search-input input{width:100%;padding:12px 12px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease}.search-input input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-group select{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:white;cursor:pointer;transition:all .2s ease}.filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.sort-order-btn{padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.sort-order-btn:hover{background:#f1f5f9}.bulk-actions{background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;padding:16px 24px;margin-bottom:24px;animation:slideDown .3s ease}.bulk-actions-content{display:flex;justify-content:space-between;align-items:center}.selection-info{font-size:14px;font-weight:600;color:#92400e}.bulk-buttons{display:flex;gap:12px}.launch-projects{margin-bottom:32px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h3{margin:0;font-size:24px;font-weight:700;color:#1e293b}.section-actions{display:flex;gap:12px}.projects-container{display:grid;gap:24px}.projects-container.grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}.projects-container.list{grid-template-columns:1fr}.project-card{background:white;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014;border:1px solid #e2e8f0;transition:all .3s ease;position:relative}.project-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}.project-card.selected{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.project-header{display:flex;gap:16px;margin-bottom:20px}.project-select{display:flex;align-items:flex-start;padding-top:4px}.project-select input[type=checkbox]{width:18px;height:18px;cursor:pointer}.project-info{flex:1}.project-info h4{margin:0 0 8px;font-size:20px;font-weight:700;color:#1e293b}.project-description{margin:0 0 12px;font-size:14px;color:#64748b;line-height:1.5}.project-badges{display:flex;flex-wrap:wrap;gap:8px}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.planifié{background:#e0e7ff;color:#3730a3}.status-badge.en-développement{background:#fef3c7;color:#92400e}.status-badge.prêt-au-lancement{background:#dcfce7;color:#166534}.status-badge.lancement-réussi{background:#d1fae5;color:#065f46}.status-badge.retardé{background:#fee2e2;color:#991b1b}.priority-badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600}.type-badge{background:#f1f5f9;color:#475569;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500}.project-actions{display:flex;gap:8px}.action-btn{padding:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#64748b}.action-btn:hover{background:#f1f5f9;color:#475569}.action-btn.danger:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.project-details{margin-bottom:20px}.detail-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;color:#64748b}.project-progress{margin-bottom:20px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-header span{font-size:14px;font-weight:600;color:#374151}.progress-value{color:#667eea!important}.progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.tag{background:#f1f5f9;color:#475569;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500}.project-kpis{margin-bottom:20px}.project-kpis h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.kpis-grid{display:grid;gap:12px}.kpi-item{background:#f8fafc;padding:12px;border-radius:8px}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.kpi-name{font-size:12px;color:#64748b;font-weight:500}.kpi-progress{font-size:12px;font-weight:600;color:#374151}.kpi-bar{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.kpi-fill{height:100%;background:#10b981;border-radius:2px;transition:width .3s ease}.project-milestones{margin-bottom:20px}.project-milestones h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.milestones-list{display:flex;flex-direction:column;gap:8px}.milestone-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f8fafc;border-radius:8px}.milestone-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e2e8f0;border-radius:50%;color:#64748b}.milestone-info{flex:1}.milestone-name{display:block;font-size:13px;font-weight:500;color:#374151}.milestone-date{display:block;font-size:11px;color:#64748b;margin-top:2px}.milestone-progress{display:flex;align-items:center}.progress-circle{width:32px;height:32px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#64748b}.project-risks{margin-bottom:20px}.project-risks h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.risks-list{display:flex;flex-direction:column;gap:8px}.risk-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fef3c7;border-radius:8px;border-left:3px solid #f59e0b}.risk-description{font-size:12px;color:#92400e}.empty-state{text-align:center;padding:64px 32px;background:white;border-radius:16px;border:2px dashed #e2e8f0}.empty-icon{width:64px;height:64px;color:#cbd5e1;margin:0 auto 24px}.empty-state h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#475569}.empty-state p{margin:0 0 24px;font-size:16px;color:#64748b}.launch-planning{background:white;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014;border:1px solid #e2e8f0}.planning-controls{display:flex;gap:12px}.planning-content{margin-top:24px}.timeline-view{margin-bottom:32px}.timeline-header{margin-bottom:24px}.timeline-months{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#e2e8f0;border-radius:8px;overflow:hidden}.month-cell{background:white;padding:12px;text-align:center}.month-name{font-size:14px;font-weight:600;color:#374151}.timeline-projects{display:flex;flex-direction:column;gap:16px}.timeline-project{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:center}.project-name{font-size:14px;font-weight:600;color:#374151;margin-bottom:4px}.project-meta{display:flex;align-items:center;gap:8px}.status-indicator{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.status-indicator.en-développement{background:#f59e0b}.status-indicator.prêt-au-lancement{background:#10b981}.status-indicator.lancement-réussi{background:#059669}.project-type{font-size:11px;color:#64748b}.project-progress{font-size:11px;font-weight:600;color:#667eea}.timeline-bar-container{position:relative;height:32px;background:#f8fafc;border-radius:4px}.timeline-bar{position:absolute;height:100%;background:#667eea;border-radius:4px;display:flex;align-items:center;padding:0 8px;color:#fff;font-size:11px;font-weight:500;overflow:hidden}.timeline-bar.en-développement{background:#f59e0b}.timeline-bar.prêt-au-lancement{background:#10b981}.timeline-bar.lancement-réussi{background:#059669}.bar-content{display:flex;flex-direction:column;gap:2px}.bar-label{font-weight:600}.bar-date{opacity:.8}.bar-progress{position:absolute;bottom:0;left:0;height:2px;background:rgba(255,255,255,.8);border-radius:1px}.planning-summary{margin-top:32px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.summary-card{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.card-header span{font-size:16px;font-weight:600;color:#374151}.card-content{display:flex;flex-direction:column;gap:12px}.upcoming-launch{display:flex;justify-content:space-between;align-items:center;padding:12px;background:white;border-radius:8px;border:1px solid #e2e8f0}.launch-info{display:flex;flex-direction:column;gap:4px}.launch-name{font-size:14px;font-weight:600;color:#374151}.launch-date{font-size:12px;color:#64748b}.launch-status{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}.risk-alert{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:white;border-radius:8px;border:1px solid #e2e8f0;border-left:3px solid #f59e0b}.alert-info{display:flex;flex-direction:column;gap:4px;flex:1}.alert-project{font-size:14px;font-weight:600;color:#374151}.alert-risk{font-size:12px;color:#64748b}.alert-level{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}.alert-level.high{background:#fee2e2;color:#991b1b}.performance-metric{display:flex;justify-content:space-between;align-items:center;padding:12px;background:white;border-radius:8px;border:1px solid #e2e8f0}.metric-label{font-size:14px;color:#64748b}.metric-value{font-size:16px;font-weight:700;color:#374151}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.pipeline-grid,.projects-grid,.innovation-grid,.research-grid,.development-grid,.launch-grid,.validation-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.launch-page{padding:16px}.header-content{flex-direction:column;gap:24px}.header-stats{justify-content:center;flex-wrap:wrap}.filters-row{grid-template-columns:1fr;gap:16px}.projects-container.grid{grid-template-columns:1fr}.timeline-project{grid-template-columns:1fr;gap:8px}.summary-cards{grid-template-columns:1fr}.pipeline-page,.projects-page,.innovation-page,.research-page,.development-page,.launch-page,.validation-page{padding:var(--spacing-md)}.pipeline-grid,.projects-grid,.innovation-grid,.research-grid,.development-grid,.launch-grid,.validation-grid{grid-template-columns:1fr}.pipeline-card,.project-card,.innovation-card,.research-card,.development-card,.launch-card,.validation-card{padding:var(--spacing-lg)}.page-header h2{font-size:var(--font-size-xxl)}.card-metrics{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.tier1-page,.tier2-page,.tier3-page,.portfolio-page,.relationships-page,.contracts-page,.support-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--muted-text)}.breadcrumb .separator{color:var(--border-color)}.breadcrumb .current{color:var(--primary-accent);font-weight:500}.page-header{margin-bottom:var(--spacing-xxl);text-align:center}.page-header h2{font-size:var(--font-size-xxxl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.page-header p{color:var(--secondary-text);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.clients-grid,.tier1-grid,.tier2-grid,.tier3-grid,.portfolio-grid,.relationships-grid,.contracts-grid,.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.client-card,.tier1-card,.tier2-card,.tier3-card,.portfolio-card,.relationship-card,.contract-card,.support-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-medium);position:relative;overflow:hidden;cursor:pointer}.client-card:before,.tier1-card:before,.tier2-card:before,.tier3-card:before,.portfolio-card:before,.relationship-card:before,.contract-card:before,.support-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-medium)}.client-card:hover,.tier1-card:hover,.tier2-card:hover,.tier3-card:hover,.portfolio-card:hover,.relationship-card:hover,.contract-card:hover,.support-card:hover{transform:translateY(-4px);border-color:var(--primary-accent);box-shadow:var(--shadow-glow)}.client-card:hover:before,.tier1-card:hover:before,.tier2-card:hover:before,.tier3-card:hover:before,.portfolio-card:hover:before,.relationship-card:hover:before,.contract-card:hover:before,.support-card:hover:before{opacity:1}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-text);margin:0}.client-logo{width:48px;height:48px;border-radius:var(--border-radius);background:var(--accent-bg);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary-accent);border:2px solid var(--border-color)}.tier-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tier-1{background:rgba(255,215,0,.2);color:gold;border:1px solid rgba(255,215,0,.3)}.tier-2{background:rgba(192,192,192,.2);color:silver;border:1px solid rgba(192,192,192,.3)}.tier-3{background:rgba(205,127,50,.2);color:#cd7f32;border:1px solid rgba(205,127,50,.3)}.client-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:rgba(16,185,129,.2);color:var(--success-accent);border:1px solid rgba(16,185,129,.3)}.status-inactive{background:rgba(156,163,175,.2);color:var(--muted-text);border:1px solid rgba(156,163,175,.3)}.status-prospect{background:rgba(59,130,246,.2);color:var(--primary-accent);border:1px solid rgba(59,130,246,.3)}.status-churned{background:rgba(239,68,68,.2);color:var(--danger-accent);border:1px solid rgba(239,68,68,.3)}.client-info{margin-bottom:var(--spacing-lg)}.client-name{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-xs)}.client-industry{color:var(--secondary-text);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.client-description{color:var(--secondary-text);line-height:1.6;margin-bottom:var(--spacing-md)}.client-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.metric-item{text-align:center;padding:var(--spacing-md);background:var(--accent-bg);border-radius:var(--border-radius);border:1px solid var(--border-color)}.metric-value{font-size:var(--font-size-lg);font-weight:700;color:var(--primary-text);display:block;margin-bottom:var(--spacing-xs)}.metric-label{font-size:var(--font-size-xs);color:var(--muted-text);text-transform:uppercase;letter-spacing:.5px}.contact-details{margin-bottom:var(--spacing-lg)}.contact-item{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--secondary-text);font-size:var(--font-size-sm)}.contact-item svg{color:var(--primary-accent)}.interaction-history{margin-bottom:var(--spacing-lg)}.interaction-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--accent-bg);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm);border:1px solid var(--border-color)}.interaction-date{font-size:var(--font-size-xs);color:var(--muted-text);min-width:80px}.interaction-type{padding:var(--spacing-xs) var(--spacing-sm);background:var(--primary-accent);color:var(--primary-text);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:600}.interaction-description{flex:1;color:var(--secondary-text);font-size:var(--font-size-sm)}.card-actions{display:flex;gap:var(--spacing-sm);margin-top:auto}.action-button{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--accent-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--secondary-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:center;text-decoration:none}.action-button:hover{background:var(--primary-accent);color:var(--primary-text);border-color:var(--primary-accent);transform:translateY(-1px)}.action-button.primary{background:var(--gradient-primary);color:var(--primary-text);border-color:var(--primary-accent)}.action-button.primary:hover{box-shadow:var(--shadow-glow)}.stats-section{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:var(--spacing-xxl)}.stats-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.stats-header h3{font-size:var(--font-size-xl);font-weight:600;color:var(--primary-text);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.stat-item{text-align:center;padding:var(--spacing-lg);background:var(--accent-bg);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-medium)}.stat-item:hover{transform:translateY(-2px);border-color:var(--primary-accent);box-shadow:var(--shadow-medium)}.stat-value{font-size:var(--font-size-xxl);font-weight:700;color:var(--primary-text);display:block;margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--secondary-text);margin-bottom:var(--spacing-xs)}.stat-change{font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);display:inline-block}.stat-change.positive{background:rgba(16,185,129,.2);color:var(--success-accent);border:1px solid rgba(16,185,129,.3)}.stat-change.negative{background:rgba(239,68,68,.2);color:var(--danger-accent);border:1px solid rgba(239,68,68,.3)}.filters-section{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;align-items:center}.filter-group{display:flex;gap:var(--spacing-sm);align-items:center}.filter-select{padding:var(--spacing-sm) var(--spacing-md);background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--primary-text);font-size:var(--font-size-sm);cursor:pointer}.search-box{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);flex:1;max-width:300px}.search-box input{background:transparent;border:none;outline:none;color:var(--primary-text);font-size:var(--font-size-sm);flex:1}.search-box input::placeholder{color:var(--muted-text)}@media (max-width: 1024px){.clients-grid,.tier1-grid,.tier2-grid,.tier3-grid,.portfolio-grid,.relationships-grid,.contracts-grid,.support-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.tier1-page,.tier2-page,.tier3-page,.portfolio-page,.relationships-page,.contracts-page,.support-page{padding:var(--spacing-md)}.clients-grid,.tier1-grid,.tier2-grid,.tier3-grid,.portfolio-grid,.relationships-grid,.contracts-grid,.support-grid{grid-template-columns:1fr}.client-card,.tier1-card,.tier2-card,.tier3-card,.portfolio-card,.relationship-card,.contract-card,.support-card{padding:var(--spacing-lg)}.page-header h2{font-size:var(--font-size-xxl)}.client-metrics{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filters-section{flex-direction:column;align-items:stretch}.search-box{max-width:none}}.analytics-page{padding:24px;background:#f8fafc;min-height:100vh}.analytics-breadcrumb{margin-bottom:24px}.analytics-breadcrumb nav{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.analytics-breadcrumb a{color:#3b82f6;text-decoration:none;transition:color .2s}.analytics-breadcrumb a:hover{color:#1d4ed8}.analytics-breadcrumb .separator{color:#cbd5e1}.analytics-header{background:white;border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.analytics-header h1{font-size:32px;font-weight:700;color:#1e293b;margin:0 0 8px}.analytics-header p{font-size:16px;color:#64748b;margin:0;line-height:1.6}.analytics-grid{display:grid;gap:24px;margin-bottom:24px}.analytics-grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.analytics-grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.analytics-grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.analytics-card{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;transition:all .2s}.analytics-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.analytics-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.analytics-card-title{font-size:18px;font-weight:600;color:#1e293b;margin:0}.analytics-card-icon{width:24px;height:24px;color:#3b82f6}.analytics-metric-card{text-align:center;padding:20px}.analytics-metric-value{font-size:36px;font-weight:700;color:#1e293b;margin:0 0 8px}.analytics-metric-label{font-size:14px;color:#64748b;margin:0}.analytics-metric-change{font-size:12px;font-weight:500;margin-top:8px}.analytics-metric-change.positive{color:#059669}.analytics-metric-change.negative{color:#dc2626}.analytics-metric-change.neutral{color:#64748b}.analytics-chart-container{height:300px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:8px;border:2px dashed #cbd5e1;color:#64748b;font-size:14px}.analytics-kpi-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.analytics-kpi-badge.excellent{background:#dcfce7;color:#166534}.analytics-kpi-badge.good{background:#dbeafe;color:#1e40af}.analytics-kpi-badge.average{background:#fef3c7;color:#92400e}.analytics-kpi-badge.poor{background:#fee2e2;color:#991b1b}.analytics-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.analytics-status.trending-up{background:#dcfce7;color:#166534}.analytics-status.trending-down{background:#fee2e2;color:#991b1b}.analytics-status.stable{background:#f1f5f9;color:#475569}.analytics-filters{background:white;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.analytics-filters-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.analytics-filter-group{display:flex;flex-direction:column;gap:4px}.analytics-filter-label{font-size:12px;font-weight:500;color:#374151;text-transform:uppercase;letter-spacing:.5px}.analytics-filter-select,.analytics-filter-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:white;transition:border-color .2s}.analytics-filter-select:focus,.analytics-filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.analytics-table{background:white;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.analytics-table table{width:100%;border-collapse:collapse}.analytics-table th{background:#f8fafc;padding:16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.analytics-table td{padding:16px;border-bottom:1px solid #f3f4f6;color:#1f2937}.analytics-table tr:hover{background:#f9fafb}.analytics-actions{display:flex;gap:12px;margin-top:24px}.analytics-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.analytics-btn-primary{background:#3b82f6;color:#fff}.analytics-btn-primary:hover{background:#2563eb}.analytics-btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.analytics-btn-secondary:hover{background:#e2e8f0}@media (max-width: 768px){.analytics-page{padding:16px}.analytics-header{padding:24px}.analytics-header h1{font-size:24px}.analytics-grid-2,.analytics-grid-3,.analytics-grid-4{grid-template-columns:1fr}.analytics-filters-row{flex-direction:column;align-items:stretch}.analytics-actions{flex-direction:column}.analytics-table{overflow-x:auto}}@media (max-width: 480px){.analytics-page{padding:12px}.analytics-card{padding:16px}.analytics-metric-value{font-size:28px}}.knowledge-hub-page{padding:var(--spacing-xl);max-width:1400px;margin:0 auto;animation:fadeIn .5s ease-out}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.page-title{display:flex;align-items:center;gap:var(--spacing-lg)}.page-icon{color:var(--primary-accent);background:rgba(59,130,246,.1);padding:var(--spacing-md);border-radius:var(--border-radius)}.page-title h1{font-size:var(--font-size-xxl);font-weight:700;color:var(--primary-text);margin:0;line-height:1.2}.page-description{color:var(--secondary-text);font-size:var(--font-size-md);margin:var(--spacing-xs) 0 0 0}.page-actions{display:flex;align-items:center;gap:var(--spacing-md)}.ai-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--gradient-primary);color:var(--primary-text);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:600;box-shadow:var(--shadow-light);animation:glow 3s ease-in-out infinite alternate}.ai-badge.active{background:var(--gradient-success)}.knowledge-section{margin-bottom:var(--spacing-xl)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.section-title{display:flex;align-items:center;gap:var(--spacing-md)}.section-title h2{font-size:var(--font-size-xl);font-weight:600;color:var(--primary-text);margin:0}.knowledge-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-item{background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item:hover{border-color:var(--border-color-hover);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.stat-value{font-size:var(--font-size-xxl);font-weight:700;color:var(--primary-accent);margin-bottom:var(--spacing-xs);text-shadow:0 0 10px rgba(59,130,246,.3)}.stat-label{color:var(--secondary-text);font-size:var(--font-size-sm);font-weight:500}.auto-improvement-alert{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);border-left:4px solid var(--primary-accent)}.alert-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--primary-accent);font-weight:600}.auto-improvement-alert p{color:var(--secondary-text);margin:0;line-height:1.5}.quick-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:var(--gradient-primary);color:var(--primary-text);box-shadow:var(--shadow-light)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.btn-secondary{background:var(--tertiary-bg);color:var(--secondary-text);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--accent-bg);color:var(--primary-text);border-color:var(--border-color-hover)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.admin-card{position:relative;cursor:pointer;transition:all var(--transition-medium)}.admin-card:hover{transform:translateY(-4px)}.card-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-md)}.card-description{color:var(--secondary-text);line-height:1.6;margin-bottom:var(--spacing-lg)}.card-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.card-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-success{background:rgba(16,185,129,.2);color:var(--success-accent);border:1px solid rgba(16,185,129,.3)}.status-warning{background:rgba(245,158,11,.2);color:var(--warning-accent);border:1px solid rgba(245,158,11,.3)}.status-danger{background:rgba(239,68,68,.2);color:var(--danger-accent);border:1px solid rgba(239,68,68,.3)}.status-default{background:var(--accent-bg);color:var(--secondary-text);border:1px solid var(--border-color)}.system-notification{position:fixed;top:20px;right:20px;background:var(--gradient-success);color:var(--primary-text);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);font-weight:600;z-index:1000;box-shadow:var(--shadow-heavy);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes glow{0%{box-shadow:0 0 5px #3b82f64d}to{box-shadow:0 0 20px #3b82f699}}@media (max-width: 1024px){.knowledge-hub-page{padding:var(--spacing-lg)}.page-header,.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.knowledge-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-grid{grid-template-columns:1fr}}@media (max-width: 768px){.knowledge-hub-page{padding:var(--spacing-md)}.page-title{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.knowledge-stats{grid-template-columns:repeat(2,1fr)}.quick-actions{justify-content:center}.system-notification{left:var(--spacing-md);right:var(--spacing-md);top:var(--spacing-md)}}@media (max-width: 480px){.knowledge-stats{grid-template-columns:1fr}.quick-actions{flex-direction:column}.btn{justify-content:center}}.navigation{position:fixed;top:80px;left:0;width:280px;height:calc(100vh - 80px);background:var(--secondary-bg);border-right:1px solid var(--border-color);overflow-y:auto;z-index:900;transition:transform var(--transition-medium)}.nav-container{display:flex;flex-direction:column;height:100%;padding:var(--spacing-lg)}.nav-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.nav-title{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-xs)}.nav-subtitle{font-size:var(--font-size-xs);color:var(--muted-text);text-transform:uppercase;letter-spacing:1px}.nav-list{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.nav-item{position:relative;display:block;padding:var(--spacing-md);background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);text-decoration:none;transition:all var(--transition-medium);overflow:hidden}.nav-item:hover{background:var(--accent-bg);border-color:var(--primary-accent);transform:translate(4px);box-shadow:var(--shadow-medium)}.nav-item.active{background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,136,255,.1) 100%);border-color:var(--primary-accent);box-shadow:var(--shadow-medium)}.nav-item.active:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--primary-accent),var(--secondary-accent))}.nav-item-content{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-item-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.nav-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-bg);border-radius:var(--border-radius);color:var(--secondary-text);transition:all var(--transition-fast)}.nav-item:hover .nav-icon{background:var(--primary-accent);color:var(--primary-bg);transform:scale(1.1)}.nav-item.active .nav-icon{background:var(--primary-accent);color:var(--primary-bg);box-shadow:0 0 20px #00ff884d}.nav-text{display:flex;flex-direction:column;align-items:flex-start}.nav-label{font-size:var(--font-size-md);font-weight:500;color:var(--primary-text);line-height:1.2;margin-bottom:2px}.nav-description{font-size:var(--font-size-xs);color:var(--muted-text);line-height:1.3}.nav-item.active .nav-description{color:var(--secondary-text)}.nav-item-right{display:flex;align-items:center;gap:var(--spacing-sm)}.priority-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--border-color);color:var(--muted-text);font-size:10px;font-weight:600;border-radius:50%;transition:all var(--transition-fast)}.nav-item:hover .priority-badge{background:var(--secondary-accent);color:#fff}.nav-item.active .priority-badge{background:var(--primary-accent);color:var(--primary-bg)}.nav-arrow{color:var(--muted-text);transition:all var(--transition-fast)}.nav-item:hover .nav-arrow{color:var(--primary-accent);transform:translate(2px)}.nav-item.active .nav-arrow{color:var(--primary-accent)}.active-indicator{position:absolute;top:50%;right:-1px;width:3px;height:20px;background:var(--primary-accent);border-radius:2px 0 0 2px;transform:translateY(-50%);animation:pulse 2s infinite}.nav-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.context-info{display:flex;justify-content:space-between;gap:var(--spacing-md)}.context-item{display:flex;flex-direction:column;align-items:center;text-align:center}.context-label{font-size:var(--font-size-xs);color:var(--muted-text);margin-bottom:2px}.context-value{font-size:var(--font-size-sm);font-weight:600;color:var(--primary-accent)}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 10px #00ff884d}50%{opacity:.7;box-shadow:0 0 20px #0f89}}.nav-item.loading{pointer-events:none;opacity:.6}.nav-item.loading .nav-icon{animation:spin 1s linear infinite}@media (max-width: 1024px){.navigation{transform:translate(-100%)}.navigation.open{transform:translate(0)}}@media (max-width: 768px){.navigation{top:70px;height:calc(100vh - 70px);width:100%;max-width:320px}.nav-container{padding:var(--spacing-md)}.nav-item{padding:var(--spacing-sm) var(--spacing-md)}.nav-icon{width:36px;height:36px}.nav-label{font-size:var(--font-size-sm)}.nav-description{display:none}}.navigation::-webkit-scrollbar{width:4px}.navigation::-webkit-scrollbar-track{background:var(--secondary-bg)}.navigation::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.navigation::-webkit-scrollbar-thumb:hover{background:var(--primary-accent)}.sidebar{position:fixed;top:0;right:0;width:320px;height:100vh;background:var(--secondary-bg);border-left:1px solid var(--border-color);transform:translate(100%);transition:transform var(--transition-medium);z-index:1001;overflow-y:auto;box-shadow:var(--shadow-heavy)}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--tertiary-bg)}.sidebar-title{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-text);margin:0}.sidebar-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--secondary-text);cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition-fast)}.sidebar-close:hover{background:var(--accent-bg);color:var(--primary-text)}.sidebar-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xl)}.user-section{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--tertiary-bg);border-radius:var(--border-radius);border:1px solid var(--border-color)}.user-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:var(--primary-bg);border-radius:50%;flex-shrink:0}.user-details{flex:1}.user-name{font-size:var(--font-size-md);font-weight:500;color:var(--primary-text);margin-bottom:2px}.user-role{font-size:var(--font-size-sm);color:var(--muted-text);text-transform:capitalize;margin:0}.actions-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--secondary-text);text-transform:uppercase;letter-spacing:1px;margin:0}.actions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.action-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--secondary-text);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.action-item:hover{background:var(--accent-bg);border-color:var(--primary-accent);color:var(--primary-text);transform:translate(2px)}.action-item.admin{border-color:var(--warning-accent)}.action-item.admin:hover{background:rgba(255,170,0,.1);border-color:var(--warning-accent);color:var(--warning-accent)}.system-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.info-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--tertiary-bg);border-radius:var(--border-radius);border:1px solid var(--border-color)}.info-label{font-size:var(--font-size-xs);color:var(--muted-text);font-weight:500}.info-value{font-size:var(--font-size-xs);color:var(--primary-accent);font-weight:600}@media (max-width: 768px){.sidebar{width:100%;max-width:320px}.sidebar-content{padding:var(--spacing-md);gap:var(--spacing-lg)}}@media (max-width: 480px){.sidebar{width:100vw;max-width:none}}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:var(--secondary-bg)}.sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--primary-accent)}.sidebar{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.action-item:focus{outline:2px solid var(--primary-accent);outline-offset:2px}.sidebar-close:focus{outline:2px solid var(--primary-accent);outline-offset:2px}.layout{display:flex;flex-direction:column;min-height:100vh;background:var(--primary-bg);position:relative;overflow-x:hidden}.layout-body{display:flex;flex:1;position:relative}.main-content{flex:1;display:flex;flex-direction:column;margin-left:280px;margin-top:64px;transition:all var(--transition-medium);position:relative}.content-wrapper{flex:1;padding:var(--spacing-xl);max-width:100%;overflow-x:auto;animation:fadeIn .5s ease-out}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;display:none}@media (max-width: 1024px){.main-content{margin-left:0}.sidebar-overlay{display:block}}@media (max-width: 768px){.main-content{margin-top:70px}.content-wrapper{padding:var(--spacing-md)}}.layout.loading{pointer-events:none}.layout.loading:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,10,10,.8);display:flex;align-items:center;justify-content:center;z-index:9999}.layout{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-container{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);padding:var(--spacing-lg);overflow:hidden}.auth-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.auth-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.05) 0%,transparent 50%);animation:patternFloat 20s ease-in-out infinite}@keyframes patternFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(1deg)}66%{transform:translate(-20px,20px) rotate(-1deg)}}.auth-content{position:relative;z-index:1;width:100%;max-width:480px}.auth-card{background:var(--secondary-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-heavy);border:1px solid var(--border-color);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .6s ease-out}.auth-card.unauthorized{border-color:var(--error-accent)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);background:linear-gradient(135deg,var(--tertiary-bg) 0%,var(--secondary-bg) 100%);border-bottom:1px solid var(--border-color)}.auth-logo{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:var(--primary-bg);border-radius:50%;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-medium)}.auth-logo.error{background:linear-gradient(135deg,var(--error-accent),#dc2626)}.auth-title{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-text);margin:0 0 var(--spacing-sm) 0}.auth-subtitle{font-size:var(--font-size-md);color:var(--secondary-text);margin:0;line-height:1.5}.auth-form{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500}.auth-message.error{background:rgba(239,68,68,.1);color:var(--error-accent);border:1px solid rgba(239,68,68,.2)}.auth-message.success{background:rgba(16,185,129,.1);color:var(--success-accent);border:1px solid rgba(16,185,129,.2)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--primary-text);margin:0}.form-input{width:100%;padding:var(--spacing-md);background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--primary-text);font-size:var(--font-size-md);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{opacity:.6;cursor:not-allowed}.password-input{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:var(--spacing-md);background:none;border:none;color:var(--secondary-text);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.password-toggle:hover{color:var(--primary-text);background:var(--accent-bg)}.auth-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:var(--primary-bg);border:none;border-radius:var(--border-radius);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-medium)}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-heavy)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-button.secondary{background:var(--tertiary-bg);color:var(--primary-text);border:1px solid var(--border-color)}.auth-button.secondary:hover:not(:disabled){background:var(--accent-bg);border-color:var(--primary-accent)}.auth-button.danger{background:linear-gradient(135deg,var(--error-accent),#dc2626)}.auth-actions{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);border-top:1px solid var(--border-color)}@media (min-width: 480px){.auth-actions{flex-direction:row}.auth-actions .auth-button{flex:1}}.demo-section{padding:var(--spacing-xl);border-top:1px solid var(--border-color);background:var(--tertiary-bg)}.demo-title{font-size:var(--font-size-md);font-weight:600;color:var(--primary-text);margin:0 0 var(--spacing-xs) 0}.demo-subtitle{font-size:var(--font-size-sm);color:var(--secondary-text);margin:0 0 var(--spacing-lg) 0}.demo-accounts{display:flex;flex-direction:column;gap:var(--spacing-sm)}.demo-account{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md);background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);text-align:left}.demo-account:hover:not(:disabled){border-color:var(--primary-accent);background:var(--accent-bg);transform:translate(4px)}.demo-account:disabled{opacity:.6;cursor:not-allowed}.demo-account-info{display:flex;flex-direction:column;gap:2px}.demo-username{font-size:var(--font-size-sm);font-weight:600;color:var(--primary-text)}.demo-role{font-size:var(--font-size-xs);color:var(--primary-accent);font-weight:500}.demo-description{font-size:var(--font-size-xs);color:var(--secondary-text)}.user-info-section{padding:var(--spacing-xl)}.user-info-card{background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.user-info-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--accent-bg);border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm);font-weight:600;color:var(--primary-text)}.user-info-details{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.user-info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-info-item .label{font-size:var(--font-size-xs);color:var(--secondary-text);font-weight:500;text-transform:uppercase;letter-spacing:1px}.user-info-item .value{font-size:var(--font-size-sm);color:var(--primary-text);font-weight:600}.user-info-item .value.role{color:var(--primary-accent);text-transform:capitalize}.permissions-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.permission-tag{display:inline-block;padding:2px var(--spacing-xs);background:var(--primary-accent);color:var(--primary-bg);font-size:var(--font-size-xs);border-radius:var(--border-radius-sm);font-weight:500}.no-permissions{font-size:var(--font-size-xs);color:var(--muted-text);font-style:italic}.explanation-section{padding:var(--spacing-xl);border-top:1px solid var(--border-color)}.explanation-title{font-size:var(--font-size-md);font-weight:600;color:var(--primary-text);margin:0 0 var(--spacing-md) 0}.explanation-list{margin:0;padding-left:var(--spacing-lg);color:var(--secondary-text);line-height:1.6}.explanation-list li{margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.auth-footer{padding:var(--spacing-lg) var(--spacing-xl);background:var(--tertiary-bg);border-top:1px solid var(--border-color);text-align:center}.auth-footer-text{font-size:var(--font-size-xs);color:var(--muted-text);margin:0}.spinner.small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 480px){.auth-container{padding:var(--spacing-md)}.auth-form,.demo-section,.user-info-section,.explanation-section,.auth-header{padding:var(--spacing-lg)}.auth-logo{width:60px;height:60px}.auth-title{font-size:var(--font-size-lg)}}:root{--primary-bg: linear-gradient(135deg, #0a0e1a 0%, #1a1f2e 50%, #0f172a 100%);--secondary-bg: rgba(15, 23, 42, .95);--tertiary-bg: rgba(30, 41, 59, .6);--accent-bg: rgba(148, 163, 184, .1);--primary-bg-solid: #0a0e1a;--secondary-bg-solid: #0f172a;--tertiary-bg-solid: #1e293b;--primary-text: #f1f5f9;--secondary-text: #e2e8f0;--muted-text: #94a3b8;--accent-text: #3b82f6;--primary-accent: #3b82f6;--secondary-accent: #8b5cf6;--tertiary-accent: #06b6d4;--success-accent: #10b981;--warning-accent: #f59e0b;--danger-accent: #ef4444;--gradient-primary: linear-gradient(135deg, #3b82f6, #8b5cf6);--gradient-success: linear-gradient(135deg, #10b981, #059669);--gradient-warning: linear-gradient(135deg, #f59e0b, #d97706);--gradient-accent: linear-gradient(90deg, #3b82f6, #8b5cf6, #06b6d4);--border-color: rgba(148, 163, 184, .1);--border-color-hover: rgba(59, 130, 246, .4);--border-radius: 8px;--border-radius-lg: 16px;--shadow-light: 0 2px 8px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .4);--shadow-heavy: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(59, 130, 246, .2);--shadow-glow-hover: 0 0 40px rgba(59, 130, 246, .4);--transition-fast: .15s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--primary-bg);color:var(--primary-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-xxxl)}h2{font-size:var(--font-size-xxl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--spacing-md);color:var(--secondary-text)}a{color:var(--primary-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--secondary-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius);font-family:inherit;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-accent);color:var(--primary-bg)}.btn-primary:hover:not(:disabled){background:#00cc6a;transform:translateY(-1px);box-shadow:var(--shadow-medium)}.btn-secondary{background:var(--secondary-bg);color:var(--primary-text);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--tertiary-bg);border-color:var(--primary-accent)}.btn-danger{background:var(--danger-accent);color:#fff}.btn-danger:hover:not(:disabled){background:#cc3333}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--primary-text);font-family:inherit;font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 2px #0f83}.input::placeholder{color:var(--muted-text)}.card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-light);transition:all var(--transition-medium)}.card:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-medium)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-xs)}.card-subtitle{font-size:var(--font-size-sm);color:var(--muted-text);margin-bottom:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--primary-bg);gap:var(--spacing-md)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content: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-center{text-align:center}.text-accent{color:var(--primary-accent)}.text-muted{color:var(--muted-text)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.font-bold{font-weight:600}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.w-full{width:100%}.h-full{height:100%}@media (max-width: 768px){:root{--font-size-xxxl: 1.75rem;--font-size-xxl: 1.375rem;--spacing-lg: 20px;--spacing-xl: 28px;--spacing-xxl: 40px}.card{padding:var(--spacing-md)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--secondary-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-accent)}.enterprise-card{background:var(--tertiary-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);position:relative;overflow:hidden;transition:all var(--transition-medium)}.enterprise-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-accent)}.enterprise-card:hover{border-color:var(--border-color-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.glow-effect{box-shadow:var(--shadow-glow);animation:glow 3s ease-in-out infinite alternate}.metric-card{background:var(--secondary-bg-solid);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-medium)}.metric-card:hover{border-color:var(--border-color-hover);transform:translateY(-2px)}.metric-value{font-size:var(--font-size-xxl);font-weight:700;color:var(--primary-accent);margin-bottom:var(--spacing-xs)}.metric-label{color:var(--muted-text);font-size:var(--font-size-sm)}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.badge{padding:.25rem .75rem;border-radius:15px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-live{background:rgba(16,185,129,.2);color:var(--success-accent)}.badge-promotion{background:rgba(245,158,11,.2);color:var(--warning-accent)}.badge-validation{background:rgba(239,68,68,.2);color:var(--danger-accent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%{box-shadow:var(--shadow-glow)}to{box-shadow:var(--shadow-glow-hover)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.fade-in{animation:fadeIn .5s ease-out}.slide-in-right{animation:slideInRight .5s ease}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.enterprise-card{padding:var(--spacing-lg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}