@import "https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Lato:ital,wght@0,400;0,700;1,700&display=swap";.app-container{direction:rtl;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--gradient-sidebar);z-index:100;height:100vh;transition:width .35s var(--ease-out);scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex-direction:column;padding:1.5rem 1rem;display:flex;position:fixed;top:0;right:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 10%,#d1b2e026,#0000 60%);position:absolute;inset:0}.sidebar.collapsed{width:var(--sidebar-collapsed);padding:1.5rem .6rem}.sidebar-logo{color:#fff;text-align:center;letter-spacing:1px;transition:margin-right .35s var(--ease-out), width .35s var(--ease-out), transform .35s;margin-bottom:1.5rem;font-size:2rem;font-weight:800;position:relative}.sidebar-logo.collapsed{margin-bottom:2rem;font-size:1.5rem}.nav-menu{flex-direction:column;gap:.2rem;padding-bottom:1rem;display:flex}.nav-item{border-radius:var(--radius-md);color:#ffffffbf;white-space:nowrap;transition:all .25s var(--ease-out);align-items:center;gap:12px;padding:.65rem .9rem;font-size:.95rem;font-weight:700;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.active{box-shadow:var(--shadow-md);color:var(--color-rich-indigo)!important;background:var(--color-lavender-mist)!important}.nav-item.collapsed{justify-content:center;padding:.85rem}.nav-icon{flex-shrink:0;display:flex}.nav-label{transition:opacity .25s var(--ease-out);text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav-badge{background:var(--color-danger);color:#fff;border-radius:var(--radius-full);flex-shrink:0;padding:1px 8px;font-size:.75rem;font-weight:700;line-height:1.4}.sidebar-group .group-content{border-right:2px solid #ffffff26;flex-direction:column;gap:.15rem;margin-right:1.3rem;padding-right:.4rem;display:flex}.sidebar-group.collapsed .group-content{border:none;margin:0;padding:0}.main-content{margin-right:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-height:100vh;transition:margin-right .35s var(--ease-out), width .35s var(--ease-out), transform .35s;flex-direction:column;flex:1;display:flex}.main-content.expanded{margin-right:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed))}.navbar{height:var(--navbar-height);background:var(--bg-navbar);-webkit-backdrop-filter:blur(16px)saturate(180%);border-bottom:1px solid var(--color-gray-200);z-index:50;box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;padding:0 2rem;transition:background .3s;display:flex;position:sticky;top:0}.navbar-title{color:var(--color-gray-700);letter-spacing:.3px;font-size:1.15rem;font-weight:700}.user-profile{color:var(--color-gray-600);align-items:center;gap:12px;font-size:.95rem;display:flex}.avatar{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-violet);justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.page-wrapper{flex:1;padding:2rem}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px)saturate(160%);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:background .3s;transition:box-shadow .3s var(--ease-out), transform .3s var(--ease-out)}.glass-panel:hover{box-shadow:var(--shadow-md)}.dashboard-grid{grid-template-columns:2.5fr 1fr;gap:1.5rem;display:grid}.btn-quick-action{color:#fff;border-radius:var(--radius-md);transition:all .25s var(--ease-spring);box-shadow:var(--shadow-md);letter-spacing:.2px;border:none;align-items:center;gap:8px;padding:.65rem 1.3rem;font-size:.9rem;font-weight:700;display:inline-flex}.btn-quick-action:hover{box-shadow:var(--shadow-lg);filter:brightness(1.08);transform:translateY(-3px)}.btn-quick-action:active{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-primary{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);transition:all .25s var(--ease-spring);box-shadow:var(--shadow-violet);border:none;padding:.75rem 1.5rem;font-weight:700}.btn-primary:hover{box-shadow:var(--shadow-violet-lg);filter:brightness(1.06);transform:translateY(-2px)}.btn-secondary{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all .2s var(--ease-out);padding:.75rem 1.5rem;font-weight:700}.btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.status-badge{border-radius:var(--radius-full);letter-spacing:.2px;align-items:center;gap:6px;padding:5px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.status-badge.success{background:var(--color-success-bg);color:var(--color-success)}.status-badge.warning{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge.danger{background:var(--color-danger-bg);color:var(--color-danger)}.status-badge.info{background:var(--color-info-bg);color:var(--color-info)}.status-badge.neutral{background:var(--color-gray-200);color:var(--color-gray-700)}.table-row-hover{transition:background .2s var(--ease-out)}.table-row-hover:hover{background:var(--gradient-card-hover)}.programs-grid{grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:2rem;display:grid}.program-card{transition:transform .3s var(--ease-spring), box-shadow .3s var(--ease-out);flex-direction:column;display:flex}.program-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.cohort-item{transition:all .2s var(--ease-out)}.cohort-item:hover{box-shadow:var(--shadow-md);transform:translate(-4px);border-color:var(--color-lavender-mist)!important}.btn-launch{transition:all .2s var(--ease-out)}.btn-launch:hover{background:#d1b2e026!important}.desktop-toggle-btn{color:var(--color-deep-violet);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.4rem;transition:background .2s;display:flex}.desktop-toggle-btn:hover{background:var(--color-gray-100)}.mobile-toggle-btn{color:var(--color-deep-violet);cursor:pointer;background:0 0;border:none;display:none}.mobile-close-btn{cursor:pointer;background:0 0;border:none;display:none;position:absolute;top:15px;left:15px}.sidebar-overlay{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a80;display:none;position:fixed;inset:0}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:0;animation:fadeIn .25s var(--ease-out) forwards;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-white);width:90%;max-width:550px;max-height:90vh;animation:modalIn .35s var(--ease-spring) forwards;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;transform:translateY(24px)scale(.97);box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid var(--color-gray-200);background:var(--bg-glass);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-header h2{color:var(--color-gray-800);align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:800;display:flex}.modal-close-btn{background:var(--color-gray-100);cursor:pointer;width:36px;height:36px;color:var(--color-gray-500);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close-btn:hover{background:var(--color-gray-200);color:var(--color-gray-900)}.modal-body{background:var(--color-white);flex:1;padding:2rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-gray-200);background:var(--color-gray-50);justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.modal-footer .btn-secondary{border-radius:8px;padding:.6rem 1.5rem}.modal-footer .btn-primary{border-radius:8px;padding:.6rem 2rem;box-shadow:0 4px 14px #603f8063}.form-group{margin-bottom:1.25rem}.form-control{border:1px solid var(--color-gray-300);width:100%;transition:all .2s var(--ease-out);background:var(--color-white);color:var(--color-gray-800);border-radius:10px;padding:.8rem 1.2rem;font-family:inherit;font-size:.95rem;box-shadow:inset 0 1px 2px #0000000d}.form-control:focus{border-color:var(--color-deep-violet);background:var(--color-white);outline:none;box-shadow:0 0 0 3px #603f8026}.form-group label{color:var(--color-gray-700);margin-bottom:.6rem;font-size:.95rem;font-weight:700;display:block}.form-control::placeholder{color:var(--color-gray-400)}textarea.form-control{resize:vertical;min-height:90px}select.form-control{appearance:auto}.filter-option{cursor:pointer;transition:all .15s var(--ease-out);padding:.7rem 1rem;font-size:.9rem}.filter-option:hover{background:var(--color-gray-50);color:var(--color-deep-violet);font-weight:700}.settings-tab{border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;transition:all .2s var(--ease-out);text-align:right;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:.9rem 1.2rem;font-size:.95rem;font-weight:700;display:flex}.settings-tab:hover{color:var(--color-deep-violet);background:#d1b2e026}.settings-tab.active{background:var(--color-lavender-mist);color:var(--color-rich-indigo);box-shadow:var(--shadow-sm)}.settings-content-fade{animation:fadeIn .3s var(--ease-out) forwards}.toggle-switch{width:50px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:var(--color-gray-300);transition:.3s var(--ease-out);position:absolute;inset:0}.slider:before{content:"";background:var(--color-white);width:18px;height:18px;transition:.3s var(--ease-spring);box-shadow:var(--shadow-sm);position:absolute;bottom:4px;left:4px}input:checked+.slider{background:var(--color-deep-violet)}input:checked+.slider:before{transform:translate(24px)}.slider.round{border-radius:var(--radius-full)}.slider.round:before{border-radius:50%}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{transform:translateY(0)}}@keyframes modalIn{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #603f8033}50%{box-shadow:0 0 0 8px #603f8000}}.page-wrapper>*{animation:pageEnter .4s var(--ease-out)}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=1200px){.programs-grid{grid-template-columns:1fr}}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=900px){.desktop-toggle-btn{display:none}.mobile-toggle-btn{display:flex}.sidebar{transform:translate(100%);width:var(--sidebar-width)!important}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay,.mobile-close-btn{display:block}.main-content,.main-content.expanded{margin-right:0}.navbar-title{font-size:1rem}.user-name{display:none}.page-wrapper{padding:1rem}}:root{--color-deep-violet:#603f80;--color-rich-indigo:#40265b;--color-lavender-mist:#d1b2e0;--color-pristine-cream:#eadfcb;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-warning:#d97706;--color-warning-bg:#fef9c3;--color-danger:#dc2626;--color-danger-bg:#fee2e2;--color-info:#0284c7;--color-info-bg:#e0f2fe;--color-vocational:#c2410c;--color-vocational-bg:#ffedd5;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--bg-glass:#ffffffd1;--bg-navbar:#ffffffd9;--bg-body:linear-gradient(135deg, #f8fafc 0%, #f1f0fb 50%, #f8fafc 100%);--gradient-primary:linear-gradient(135deg, #603f80 0%, #40265b 100%);--gradient-sidebar:linear-gradient(180deg, #40265b 0%, #603f80 50%, #40265b 100%);--gradient-soft:linear-gradient(135deg, #d1b2e04d, #eadfcb4d);--gradient-card-hover:linear-gradient(135deg, #d1b2e01f 0%, #603f800a 100%);--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0a;--shadow-xl:0 20px 25px -5px #0f172a14, 0 8px 10px -6px #0f172a0a;--shadow-violet:0 4px 14px #603f8026;--shadow-violet-lg:0 8px 30px #603f8033;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--sidebar-width:280px;--sidebar-collapsed:80px;--navbar-height:70px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}.dark{--color-white:#0f172a;--color-gray-50:#1e293b;--color-gray-100:#334155;--color-gray-200:#475569;--color-gray-300:#64748b;--color-gray-400:#94a3b8;--color-gray-500:#cbd5e1;--color-gray-600:#e2e8f0;--color-gray-700:#f1f5f9;--color-gray-800:#f8fafc;--color-gray-900:#fff;--bg-glass:#0f172a99;--bg-navbar:#0f172ad9;--bg-body:linear-gradient(135deg, #090e17 0%, #0f172a 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-success-bg:#16a34a33;--color-success:#4ade80;--color-warning-bg:#d9770633;--color-warning:#fbbf24;--color-danger-bg:#dc262633;--color-danger:#f87171;--color-info-bg:#0284c733;--color-vocational:#fb923c;--color-vocational-bg:#ea580c2e;--color-info:#38bdf8;--color-deep-violet:#bb71ee;--color-rich-indigo:#bb71ee;--shadow-xs:0 1px 2px #00000080;--shadow-sm:0 1px 3px #0009, 0 1px 2px #0006;--shadow-md:0 4px 6px -1px #000000b3, 0 2px 4px -2px #00000080;--shadow-lg:0 10px 15px -3px #000c, 0 4px 6px -4px #00000080;--shadow-xl:0 20px 25px -5px #000c, 0 8px 10px -6px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-body);color:var(--color-gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;min-height:100vh;font-family:Almarai,Lato,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-lavender-mist);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-deep-violet)}::selection{background:var(--color-lavender-mist);color:var(--color-rich-indigo)}.dark .page-wrapper h1,.dark .page-wrapper h2{background:linear-gradient(135deg,#bb71ee 0%,#ff6b9e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block;color:#0000!important}