:root{--font-arabic: "IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-latin: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px}:root,[data-theme=dark]{--bg-primary: #0b0f19;--bg-secondary: #111827;--bg-tertiary: #1f2937;--bg-elevated: #182234;--bg-glass: rgba(17, 24, 39, .85);--border-subtle: #1e293b;--border-hover: #334155;--border-focus: #34d399;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--accent-primary: #10b981;--accent-hover: #34d399;--accent-light: rgba(16, 185, 129, .18);--accent-glow: rgba(16, 185, 129, .25);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--card-shadow-hover: 0 14px 25px -4px rgba(0, 0, 0, .5), 0 6px 10px -4px rgba(16, 185, 129, .15);--badge-active-bg: rgba(16, 185, 129, .15);--badge-active-text: #6ee7b7;--badge-maintained-bg: rgba(234, 179, 8, .15);--badge-maintained-text: #fde047;--badge-inactive-bg: rgba(100, 116, 139, .2);--badge-inactive-text: #94a3b8;--scrollbar-track: #111827;--scrollbar-thumb: #334155;--scrollbar-thumb-hover: #10b981}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--bg-glass: rgba(255, 255, 255, .82);--border-subtle: #e2e8f0;--border-hover: #cbd5e1;--border-focus: #10b981;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--accent-primary: #10b981;--accent-hover: #059669;--accent-light: #d1fae5;--accent-glow: rgba(16, 185, 129, .15);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--card-shadow-hover: 0 12px 20px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--badge-active-bg: #ecfdf5;--badge-active-text: #065f46;--badge-maintained-bg: #fefce8;--badge-maintained-text: #854d0e;--badge-inactive-bg: #f3f4f6;--badge-inactive-text: #4b5563;--scrollbar-track: #f1f5f9;--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #10b981}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;max-width:100%;overflow-x:hidden;background-color:var(--bg-primary);color:var(--text-primary)}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}html[dir=rtl]{font-family:var(--font-arabic)}html[dir=ltr]{font-family:var(--font-latin)}body{background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;max-width:100%;overflow-x:hidden;position:relative;transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,#top{width:100%;max-width:100%;overflow-x:clip}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.projects-container{max-width:1180px}@media (max-width: 640px){.container{padding-left:.85rem;padding-right:.85rem}}.hide-mobile{display:inline-flex}.show-mobile{display:none}@media (max-width: 640px){.hide-mobile{display:none!important}.show-mobile{display:inline-flex!important}}@media (max-width: 480px){.hide-xs{display:none!important}}.glass-header{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:50;transition:border-color var(--transition-normal),background-color var(--transition-normal);width:100%;max-width:100%}.glass-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.glass-card:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover);border-color:var(--accent-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-size:.925rem;font-weight:600;padding:.6rem 1.2rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.btn-icon{padding:.55rem;border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-elevated)}@media (max-width: 640px){.btn{padding:.55rem .9rem;font-size:.875rem}.btn-icon{padding:.45rem}}.status-indicator{display:inline-flex;align-items:center;gap:.4rem;font-size:.775rem;font-weight:600;padding:.2rem .6rem;border-radius:var(--radius-full)}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.status-active .status-dot{background-color:#10b981;box-shadow:0 0 8px #10b981;animation:pulse-dot 2s infinite ease-in-out}.status-active{background:var(--badge-active-bg);color:var(--badge-active-text)}.status-maintained .status-dot{background-color:#eab308}.status-maintained{background:var(--badge-maintained-bg);color:var(--badge-maintained-text)}.status-inactive .status-dot{background-color:#94a3b8}.status-inactive{background:var(--badge-inactive-bg);color:var(--badge-inactive-text)}.status-archived .status-dot{background-color:#ef4444}.status-archived{background:#ef444426;color:#f87171}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.search-input{width:100%;padding:1.05rem 3.2rem;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-primary);font-size:1.05rem;font-family:inherit;box-shadow:var(--card-shadow);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}@media (max-width: 640px){.search-input{padding:.85rem 2.85rem;font-size:.95rem}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-top:1.5rem;width:100%;max-width:100%}@media (max-width: 900px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem}}@media (max-width: 640px){.projects-grid{grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:1.25rem;width:100%}}.load-more-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin-top:3rem;margin-bottom:2rem;width:100%}.load-more-progress-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:320px}.load-more-progress-text{font-size:.85rem;font-weight:600;color:var(--text-muted)}.load-more-progress-track{width:100%;height:6px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-subtle)}.load-more-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-hover) 100%);border-radius:var(--radius-full);transition:width var(--transition-normal)}.load-more-buttons-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.load-more-btn{padding:.75rem 2rem;font-size:.95rem;border-radius:var(--radius-full);box-shadow:0 4px 14px var(--accent-glow);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.load-more-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-glow)}.project-card{display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;position:relative;min-width:0;max-width:100%;overflow:hidden;word-break:break-word;overflow-wrap:break-word}@media (max-width: 640px){.project-card{padding:1.15rem 1rem}}.project-card-actions{display:flex;align-items:center;gap:.65rem;width:100%}@media (max-width: 480px){.project-card-actions{flex-direction:column;gap:.5rem}.project-card-actions .btn{width:100%}}.category-scroll-bar{display:flex;align-items:center;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.75rem;margin-bottom:1.25rem;width:100%;max-width:100%}@supports not selector(::-webkit-scrollbar){.category-scroll-bar{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}}.category-scroll-bar::-webkit-scrollbar{height:6px}.category-scroll-bar::-webkit-scrollbar-button{display:none;width:0;height:0}.category-scroll-bar::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-full);border:1px solid var(--border-subtle);margin:0 .25rem}.category-scroll-bar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.category-scroll-bar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);box-shadow:0 0 6px var(--accent-glow)}.filters-bar-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.85rem;padding:.85rem 1.15rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%}.filters-controls-wrap{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}@media (max-width: 768px){.filters-bar-container{padding:.85rem;flex-direction:column;align-items:stretch;gap:.75rem}.filters-controls-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%}.filters-controls-wrap select{width:100%!important;min-width:0!important}.filters-controls-wrap select:nth-of-type(3){grid-column:1 / -1}.filter-reset-action{grid-column:1 / -1;width:100%;justify-content:center}.filters-count-info{text-align:center;padding-top:.35rem;border-top:1px solid var(--border-subtle)}}.hero-wrapper{position:relative;padding-top:3.5rem;padding-bottom:3.5rem;overflow:hidden;width:100%}.hero-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;max-width:1000px;margin:0 auto}@media (max-width: 640px){.hero-wrapper{padding-top:2rem;padding-bottom:2rem}.hero-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.hero-stat-card{padding:1rem .6rem!important}.hero-stat-number{font-size:1.45rem!important}.hero-stat-label{font-size:.775rem!important}.hero-actions-row{flex-direction:column!important;width:100%;margin-bottom:2.25rem!important}.hero-actions-row .btn{width:100%}}.footer-banner-card{padding:2rem 2.5rem;background:linear-gradient(135deg,#10b98114,#06b6d40d);border-color:#10b98140;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-bottom:3.5rem}@media (max-width: 640px){.footer-banner-card{padding:1.35rem 1.15rem;flex-direction:column;align-items:stretch;text-align:center;margin-bottom:2rem}.footer-banner-card .btn{width:100%}.footer-bottom-row{flex-direction:column-reverse!important;align-items:center!important;text-align:center;gap:1rem!important}}