.page-header.svelte-fru0lc.svelte-fru0lc{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:20px}.header-content.svelte-fru0lc.svelte-fru0lc{flex:1}.page-title.svelte-fru0lc.svelte-fru0lc{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.page-description.svelte-fru0lc.svelte-fru0lc{font-size:1.125rem;color:var(--text-secondary);margin:0}.header-actions.svelte-fru0lc.svelte-fru0lc{display:flex;gap:12px}.filters-section.svelte-fru0lc.svelte-fru0lc{display:flex;gap:20px;margin-bottom:32px;padding:20px;background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a}.filter-group.svelte-fru0lc.svelte-fru0lc{display:flex;flex-direction:column;gap:8px;min-width:200px}.filter-label.svelte-fru0lc.svelte-fru0lc{font-size:.875rem;font-weight:500;color:var(--text-primary)}.filter-select.svelte-fru0lc.svelte-fru0lc{padding:8px 12px;border:1px solid var(--border-light);border-radius:6px;background:white;font-size:.875rem;color:var(--text-primary)}.filter-select.svelte-fru0lc.svelte-fru0lc:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.projects-container.svelte-fru0lc.svelte-fru0lc{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.projects-grid.svelte-fru0lc.svelte-fru0lc{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;padding:24px}.project-card.svelte-fru0lc.svelte-fru0lc{background:white;border:1px solid var(--border-light);border-radius:12px;padding:24px;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.project-card.svelte-fru0lc.svelte-fru0lc:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.project-header.svelte-fru0lc.svelte-fru0lc{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.project-title.svelte-fru0lc.svelte-fru0lc{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.status-badge.svelte-fru0lc.svelte-fru0lc{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;white-space:nowrap}.status-badge.active.svelte-fru0lc.svelte-fru0lc{background:var(--success-light);color:var(--success-dark)}.status-badge.completed.svelte-fru0lc.svelte-fru0lc{background:var(--primary-light);color:var(--primary-dark)}.status-badge.draft.svelte-fru0lc.svelte-fru0lc{background:var(--gray-100);color:var(--gray-600)}.status-badge.pending.svelte-fru0lc.svelte-fru0lc{background:var(--warning-light);color:var(--warning-dark)}.status-badge.on-hold.svelte-fru0lc.svelte-fru0lc{background:var(--gray-100);color:var(--gray-600)}.status-badge.cancelled.svelte-fru0lc.svelte-fru0lc{background:var(--error-light);color:var(--error-dark)}.status-badge.pending-approval.svelte-fru0lc.svelte-fru0lc{background:var(--warning-light);color:var(--warning-dark)}.project-details.svelte-fru0lc.svelte-fru0lc{margin-bottom:20px}.project-description.svelte-fru0lc.svelte-fru0lc{font-size:.95rem;color:var(--text-secondary);margin:0 0 16px;line-height:1.6;font-weight:500}.project-meta.svelte-fru0lc.svelte-fru0lc{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;background:var(--bg-elevated);padding:16px;border-radius:10px;border:1px solid var(--border-light)}.meta-item.svelte-fru0lc.svelte-fru0lc{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-tertiary);font-weight:500}.meta-item.svelte-fru0lc i.svelte-fru0lc{width:14px;text-align:center;color:var(--primary-color)}.project-actions.svelte-fru0lc.svelte-fru0lc{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center}.empty-state.svelte-fru0lc.svelte-fru0lc{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state.svelte-fru0lc i.svelte-fru0lc{font-size:4rem;color:var(--text-tertiary);margin-bottom:16px}.empty-state.svelte-fru0lc h3.svelte-fru0lc{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state.svelte-fru0lc p.svelte-fru0lc{font-size:1rem;margin:0 0 24px}.btn.svelte-fru0lc.svelte-fru0lc{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.btn-primary.svelte-fru0lc.svelte-fru0lc{background:var(--primary-color);color:#fff;border-color:var(--primary-color);opacity:1;visibility:visible;display:inline-flex}.btn-primary.svelte-fru0lc.svelte-fru0lc:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-outline.svelte-fru0lc.svelte-fru0lc{background:white;color:var(--text-primary);border-color:var(--border-light)}.btn-outline.svelte-fru0lc.svelte-fru0lc:hover{background:var(--bg-secondary);border-color:var(--border-medium)}.btn-danger.svelte-fru0lc.svelte-fru0lc{background:var(--error-light);color:var(--error-dark);border-color:var(--error-border)}.btn-danger.svelte-fru0lc.svelte-fru0lc:hover{background:var(--error-hover);border-color:var(--error-border-hover)}.btn-sm.svelte-fru0lc.svelte-fru0lc{padding:6px 12px;font-size:.75rem}.dark .filters-section.svelte-fru0lc.svelte-fru0lc,.dark .projects-container.svelte-fru0lc.svelte-fru0lc{background:var(--bg-secondary);border-color:var(--gray-300)}.dark .project-description.svelte-fru0lc.svelte-fru0lc{color:var(--text-secondary)}.dark .meta-item.svelte-fru0lc.svelte-fru0lc{color:var(--text-tertiary)}.brandkit-light .filters-section.svelte-fru0lc.svelte-fru0lc,.brandkit-light .projects-container.svelte-fru0lc.svelte-fru0lc{background:var(--brandkit-bg-elevated);border-color:var(--brandkit-border-light)}.brandkit-dark .filters-section.svelte-fru0lc.svelte-fru0lc,.brandkit-dark .projects-container.svelte-fru0lc.svelte-fru0lc{background:var(--brandkit-bg-elevated);border-color:var(--brandkit-border-light)}.dark .page-title.svelte-fru0lc.svelte-fru0lc{color:var(--text-primary)}.dark .page-description.svelte-fru0lc.svelte-fru0lc{color:var(--text-secondary)}.dark .filters-section.svelte-fru0lc.svelte-fru0lc{background:var(--bg-secondary);border-color:var(--gray-300)}.dark .filter-label.svelte-fru0lc.svelte-fru0lc{color:var(--text-primary)}.dark .filter-select.svelte-fru0lc.svelte-fru0lc{background:var(--bg-tertiary);border-color:var(--gray-300);color:var(--text-primary)}.dark .projects-container.svelte-fru0lc.svelte-fru0lc{background:var(--bg-secondary);border-color:var(--gray-300)}.dark .project-card.svelte-fru0lc.svelte-fru0lc{background:var(--bg-tertiary);border-color:var(--gray-300)}.dark .project-title.svelte-fru0lc.svelte-fru0lc{color:var(--text-primary)}.dark .project-description.svelte-fru0lc.svelte-fru0lc,.dark .meta-item.svelte-fru0lc.svelte-fru0lc{color:var(--text-secondary)}.dark .project-meta.svelte-fru0lc.svelte-fru0lc{background:var(--bg-secondary);border-color:var(--gray-400)}.dark .meta-item.svelte-fru0lc i.svelte-fru0lc{color:var(--primary-400)}.dark .btn-outline.svelte-fru0lc.svelte-fru0lc{background:var(--bg-tertiary);border-color:var(--gray-300);color:var(--text-primary)}.dark .btn-danger.svelte-fru0lc.svelte-fru0lc{background:var(--error-light);color:var(--error-dark);border-color:var(--error-border)}.dark .btn-danger.svelte-fru0lc.svelte-fru0lc:hover{background:var(--error-hover);border-color:var(--error-border-hover)}.brandkit-light .page-title.svelte-fru0lc.svelte-fru0lc{color:var(--brandkit-text-primary)}.brandkit-light .page-description.svelte-fru0lc.svelte-fru0lc{color:var(--brandkit-text-secondary)}.brandkit-light .filters-section.svelte-fru0lc.svelte-fru0lc{background:var(--brandkit-bg-elevated);border-color:var(--brandkit-border-light)}.brandkit-light .filter-label.svelte-fru0lc.svelte-fru0lc{color:var(--brandkit-text-primary)}.brandkit-light .filter-select.svelte-fru0lc.svelte-fru0lc{background:var(--brandkit-bg-primary);border-color:var(--brandkit-border-light);color:var(--brandkit-text-primary)}.brandkit-light .projects-container.svelte-fru0lc.svelte-fru0lc{background:var(--brandkit-bg-elevated);border-color:var(--brandkit-border-light)}.brandkit-light .project-card.svelte-fru0lc.svelte-fru0lc{background:var(--brandkit-bg-primary);border-color:var(--brandkit-border-light)}.brandkit-light .project-title.svelte-fru0lc.svelte-fru0lc{color:var(--brandkit-text-primary)}.brandkit-light .project-description.svelte-fru0lc.svelte-fru0lc{color:var(--brandkit-text-secondary)}.brandkit-light .meta-item.svelte-fru0lc.svelte-fru0lc{color:var(--brandkit-text-tertiary)}.brandkit-light .btn-outline.svelte-fru0lc.svelte-fru0lc{background:var(--brandkit-bg-primary);border-color:var(--brandkit-border-light);color:var(--brandkit-text-primary)}.brandkit-light .btn-primary.svelte-fru0lc.svelte-fru0lc{background:var(--brandkit-primary-500);color:var(--brandkit-text-inverse);border-color:var(--brandkit-primary-500);opacity:1;visibility:visible;display:inline-flex}.brandkit-light .btn-primary.svelte-fru0lc.svelte-fru0lc:hover{background:var(--brandkit-primary-600);border-color:var(--brandkit-primary-600)}.brandkit-dark .page-title.svelte-fru0lc.svelte-fru0lc{color:var(--brandkit-text-primary)}.brandkit-dark .page-description.svelte-fru0lc.svelte-fru0lc{color:var(--brandkit-text-secondary)}.brandkit-dark .filters-section.svelte-fru0lc.svelte-fru0lc{background:var(--brandkit-bg-elevated);border-color:var(--brandkit-border-light)}.brandkit-dark .filter-label.svelte-fru0lc.svelte-fru0lc{color:var(--brandkit-text-primary)}.brandkit-dark .filter-select.svelte-fru0lc.svelte-fru0lc{background:var(--brandkit-bg-primary);border-color:var(--brandkit-border-light);color:var(--brandkit-text-primary)}.brandkit-dark ui5-select.svelte-fru0lc.svelte-fru0lc{--sapField_Background:var(--brandkit-bg-primary) !important;--sapField_BorderColor:var(--brandkit-border-strong) !important;--sapField_TextColor:var(--brandkit-text-primary) !important;--sapField_PlaceholderTextColor:var(--brandkit-text-secondary) !important;--sapField_Hover_BorderColor:var(--brandkit-primary-400) !important;--sapField_Focus_BorderColor:var(--brandkit-primary-500) !important;--sapField_ErrorState_BorderColor:var(--brandkit-error) !important;--sapField_ReadOnly_Background:var(--brandkit-bg-tertiary) !important;--sapField_ReadOnly_BorderColor:var(--brandkit-border-strong) !important;--sapField_ReadOnly_TextColor:var(--brandkit-text-secondary) !important;background:var(--brandkit-bg-primary)!important;border-color:var(--brandkit-border-strong)!important;color:var(--brandkit-text-primary)!important}.brandkit-dark ui5-select.svelte-fru0lc.svelte-fru0lc::part(select){background:var(--brandkit-bg-primary)!important;color:var(--brandkit-text-primary)!important}.brandkit-dark ui5-label.svelte-fru0lc.svelte-fru0lc{--sapTextColor:var(--brandkit-text-primary) !important;--sapRequired_Color:var(--brandkit-error) !important;color:var(--brandkit-text-primary)!important}.brandkit-dark .projects-container.svelte-fru0lc.svelte-fru0lc{background:var(--brandkit-bg-elevated);border-color:var(--brandkit-border-light)}.brandkit-dark .project-card.svelte-fru0lc.svelte-fru0lc{background:var(--brandkit-bg-primary);border-color:var(--brandkit-border-light)}.brandkit-dark .project-title.svelte-fru0lc.svelte-fru0lc{color:var(--brandkit-text-primary)}.brandkit-dark .project-description.svelte-fru0lc.svelte-fru0lc{color:var(--brandkit-text-secondary)}.brandkit-dark .meta-item.svelte-fru0lc.svelte-fru0lc{color:var(--brandkit-text-tertiary)}.brandkit-dark .btn-outline.svelte-fru0lc.svelte-fru0lc{background:var(--brandkit-bg-primary);border-color:var(--brandkit-border-light);color:var(--brandkit-text-primary)}.brandkit-dark .btn-primary.svelte-fru0lc.svelte-fru0lc{background:var(--brandkit-primary-500);color:var(--brandkit-text-inverse);border-color:var(--brandkit-primary-500);opacity:1;visibility:visible;display:inline-flex}.brandkit-dark .btn-primary.svelte-fru0lc.svelte-fru0lc:hover{background:var(--brandkit-primary-600);border-color:var(--brandkit-primary-600)}@media (max-width: 768px){.projects-grid.svelte-fru0lc.svelte-fru0lc{grid-template-columns:1fr}.project-card.svelte-fru0lc.svelte-fru0lc{flex-direction:column;align-items:flex-start;gap:12px}.project-meta.svelte-fru0lc.svelte-fru0lc{grid-template-columns:1fr}}@media (max-width: 768px){.page-container.svelte-fru0lc.svelte-fru0lc{padding-bottom:100px}.filters-section.svelte-fru0lc.svelte-fru0lc{flex-direction:column;gap:16px;padding:16px}.filter-group.svelte-fru0lc.svelte-fru0lc{min-width:auto;width:100%}.filter-select.svelte-fru0lc.svelte-fru0lc{width:100%;padding:12px;font-size:16px}.projects-grid.svelte-fru0lc.svelte-fru0lc{grid-template-columns:1fr;gap:16px}.project-card.svelte-fru0lc.svelte-fru0lc{padding:16px}.project-title.svelte-fru0lc.svelte-fru0lc{font-size:1.1rem}.project-meta.svelte-fru0lc.svelte-fru0lc{flex-direction:column;align-items:flex-start;gap:8px}.project-actions.svelte-fru0lc.svelte-fru0lc{width:100%;justify-content:space-between}.project-actions.svelte-fru0lc .btn.svelte-fru0lc{flex:1;min-width:0}}@media (max-width: 480px){.page-container.svelte-fru0lc.svelte-fru0lc{padding-bottom:120px}.filters-section.svelte-fru0lc.svelte-fru0lc{padding:12px;margin-bottom:20px}.filter-group.svelte-fru0lc.svelte-fru0lc{gap:6px}.filter-label.svelte-fru0lc.svelte-fru0lc{font-size:.8rem}.filter-select.svelte-fru0lc.svelte-fru0lc{padding:10px}.project-card.svelte-fru0lc.svelte-fru0lc{padding:12px}.project-title.svelte-fru0lc.svelte-fru0lc{font-size:1rem}.project-actions.svelte-fru0lc .btn.svelte-fru0lc{padding:8px 12px;font-size:.8rem}}.rtl .status-badge.svelte-fru0lc.svelte-fru0lc{margin-inline-start:0;margin-inline-end:8px}.rtl .action-buttons.svelte-fru0lc.svelte-fru0lc{justify-content:flex-start}.rtl .filters-section.svelte-fru0lc.svelte-fru0lc,.rtl .filter-group.svelte-fru0lc.svelte-fru0lc{text-align:right}@media (max-width: 640px){.table-actions.svelte-fru0lc.svelte-fru0lc{flex-wrap:wrap;gap:8px}}