@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&display=swap");:root{--primary:#2dd4bf;--primary-rgb:45,212,191;--secondary:#0ea5e9;--secondary-rgb:14,165,233;--success:#22c55e;--success-rgb:34,197,94;--info:#3b82f6;--info-rgb:59,130,246;--warning:#f59e0b;--warning-rgb:245,158,11;--error:#ef4444;--error-rgb:239,68,68;--muted:#6b7280;--foreground-subtle:#777;--light-rgb:255,255,255;--dark-rgb:0,0,0}@media (prefers-color-scheme:dark){:root{--background:linear-gradient(135deg,#0a0a0a,#1e293b);--foreground:#ededed;--foreground-subtle:#888;--primary:#14b8a6;--secondary:#0284c7;--dark:#f8fafc;--light:#0f172a;--border-light:rgba(255,255,255,0.2);--border-dark:rgba(0,0,0,0.2);--primary-rgb:20,184,166;--secondary-rgb:2,132,199;--light-rgb:15,23,42;--dark-rgb:248,250,252}}html{min-height:100vh}body,html{overflow-x:hidden;transition:background .5s ease,color .5s ease;font-family:Cairo,Arial,Helvetica,sans-serif}html[data-theme=light]{--background:linear-gradient(135deg,#ffffff,#f0f4f8);--foreground:#595959;--primary:#2dd4bf;--secondary:#0ea5e9;--dark:#0f172a;--light:#f8fafc;--border-light:rgba(255,255,255,0.1);--border-dark:rgba(0,0,0,0.1);--primary-rgb:45,212,191;--secondary-rgb:14,165,233;--light-rgb:248,250,252;--dark-rgb:15,23,42;--error:#ef4444;--error-rgb:239,68,68}html[data-theme=dark]{--background:linear-gradient(135deg,#0a0a0a,#1e293b);--foreground:#ededed;--primary:#14b8a6;--secondary:#0284c7;--dark:#f8fafc;--light:#0f172a;--border-light:rgba(255,255,255,0.2);--border-dark:rgba(0,0,0,0.2);--primary-rgb:20,184,166;--secondary-rgb:2,132,199;--light-rgb:15,23,42;--dark-rgb:248,250,252}body{height:100vh;width:100%;color:var(--foreground);background:var(--background)!important;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;transition:background-color .3s ease,color .3s ease;overflow:hidden}html[data-theme]{transition:background-color .3s ease}main{padding:2rem;flex:1 1;position:relative;overflow-y:auto;z-index:-1;@media screen and (max-width:768px){padding-left:0;padding-bottom:0;padding-right:0;padding-top:0}}main::-webkit-scrollbar{width:6px}main::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}main::-webkit-scrollbar-thumb{background:rgba(45,212,191,.5);border-radius:3px}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container:before{content:"";position:absolute;width:150%;height:150%;background:radial-gradient(circle,rgba(45,212,191,.2) 0,transparent 70%);animation:rotate 20s linear infinite}.glass-effect{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-light)}.gradient-text{background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.user-profile-container .user-profile-button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border:none;border-radius:8px;background:rgba(0,0,0,0);color:var(--foreground);cursor:pointer;transition:all .3s ease;position:relative}.user-profile-container .user-profile-button:hover{background:rgba(var(--primary-rgb),.1)}.user-profile-container .user-profile-button .notification-badge{position:absolute;top:.25rem;right:.25rem;width:1.25rem;height:1.25rem;background-color:var(--error);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;box-shadow:0 2px 4px rgba(0,0,0,.2);animation:pulse 2s infinite}.user-profile-container .user-profile-button .user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(var(--primary-rgb),.3)}.user-profile-container .user-profile-button .user-avatar-placeholder{width:36px;height:33.6px;border-radius:50%;background:linear-gradient(45deg,rgba(var(--primary-rgb),.5),rgba(var(--secondary-rgb),.5));display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600;border:2px solid rgba(var(--primary-rgb),.3)}.user-profile-container .user-profile-button .user-info{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;flex:1 1}.user-profile-container .user-profile-button .user-info .user-name{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.user-profile-container .user-profile-button .user-info .user-role{font-size:.75rem;color:var(--foreground-subtle)}.user-profile-container .nav-tooltip{position:absolute;left:70px;background:var(--background);color:var(--foreground);padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.1);pointer-events:none;z-index:10;border:1px solid var(--border-light);opacity:1;transform:translateY(-50%)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}[data-theme=dark] .user-profile-container .user-profile-button:hover{background:rgba(var(--primary-rgb),.15)}[data-theme=dark] .user-profile-container .nav-tooltip{background:var(--background-dark);border-color:var(--border-dark);box-shadow:0 4px 12px rgba(0,0,0,.3)}[dir=rtl] .user-profile-container .nav-tooltip{left:auto;right:70px}.sidebar{width:280px;background:rgba(var(--light-rgb),.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border-light);padding:2rem;transition:all .3s ease;position:relative}.sidebar.closed{width:80px;padding:2rem .8rem}.sidebar.closed .nav-item span:not(.nav-tooltip),.sidebar.closed .sidebar-header h2{display:none}.sidebar.closed .sidebar-header{justify-content:center}.sidebar.closed .nav-tooltip{position:absolute;left:70px;background:var(--background);color:var(--foreground);padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.1);pointer-events:none;z-index:10;border:1px solid var(--border-light);opacity:1;transform:translateY(-50%)}[dir=rtl] .sidebar.closed .nav-tooltip{left:auto;right:70px}.sidebar.closed .sidebar-body{height:calc(100% - 5vh)}.sidebar.hovered:not(.open) .sidebar-header h2{opacity:0}.sidebar .sidebar-body{display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 7vh)}.sidebar .sidebar-body .main-nav,.sidebar .sidebar-body .utility-nav{display:flex;flex-direction:column;gap:.15rem}.sidebar .sidebar-body .sidebar-spacer{flex-grow:1;min-height:1rem}.sidebar .sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem}.sidebar .sidebar-header h2{font-size:1.5rem;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);transition:opacity .2s ease}.sidebar .sidebar-header .toggle-btn{background:none;border:none;color:var(--dark);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sidebar .sidebar-header .toggle-btn svg{transition:transform .3s ease}[dir=rtl] .sidebar .sidebar-header .toggle-btn svg{transform:scaleX(-1)}.sidebar.closed .sidebar .sidebar-header .toggle-btn svg{transform:rotate(180deg)}[dir=rtl] .sidebar.closed .sidebar .sidebar-header .toggle-btn svg{transform:scaleX(-1) rotate(180deg)}.sidebar .nav-item{display:flex;align-items:center;gap:1rem;padding:1rem;color:var(--dark);text-decoration:none;border-radius:12px;transition:all .3s ease;margin-bottom:.5rem;position:relative}.sidebar .nav-item:hover{background:rgba(var(--light-rgb),.1)}.sidebar .nav-item.active{background:linear-gradient(45deg,rgba(var(--primary-rgb),.1),rgba(var(--secondary-rgb),.1));border:1px solid rgba(var(--primary-rgb),.2)}.sidebar .theme-toggle{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);background:none;border:none;color:inherit;cursor:pointer;padding:.5rem;border-radius:50%}.sidebar .theme-toggle:hover{background:rgba(var(--light-rgb),.1)}.sidebar .sidebar-footer{display:flex;flex-direction:column;gap:1rem}.sidebar .sidebar-footer .language-switcher{width:100%;margin-bottom:.5rem}.sidebar .sidebar-footer .language-switcher__current{width:100%;background:rgba(var(--light-rgb),.05);border-color:var(--border-light);color:var(--foreground)}.sidebar .sidebar-footer .language-switcher__options{width:100%}.sidebar .sidebar-footer .logout-btn,.sidebar .sidebar-footer .theme-toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem;width:100%;border:none;border-radius:8px;background:rgba(0,0,0,0);color:var(--foreground);cursor:pointer;transition:all .3s ease;position:relative}.sidebar .sidebar-footer .logout-btn:hover,.sidebar .sidebar-footer .theme-toggle:hover{background:rgba(var(--primary-rgb),.1)}.sidebar .sidebar-footer .logout-btn span,.sidebar .sidebar-footer .theme-toggle span{font-size:.875rem}.sidebar .sidebar-footer .logout-btn{color:var(--error)}.sidebar .sidebar-footer .logout-btn:hover{background:rgba(var(--error-rgb),.1)}.sidebar .sidebar-footer .theme-toggle{justify-content:center;width:-moz-fit-content;width:fit-content;border-radius:50%}.sidebar.closed .sidebar-footer .language-switcher{display:none}.sidebar.closed .sidebar-footer .logout-btn,.sidebar.closed .sidebar-footer .theme-toggle{justify-content:center;padding:0}.sidebar.closed .sidebar-footer .logout-btn span:not(.nav-tooltip),.sidebar.closed .sidebar-footer .theme-toggle span:not(.nav-tooltip){display:none}.sidebar.closed .sidebar-footer .user-profile-button{justify-content:center;padding:.5rem}.sidebar.closed .sidebar-footer .user-profile-button .user-info{display:none}.sidebar.closed .sidebar-footer .profile-dropdown{left:70px}.sidebar.closed.hovered .language-switcher,.sidebar.closed.hovered .project-selector-container{display:block}.sidebar.closed .project-selector-container{display:none}@media screen and (max-width:768px){.sidebar{display:none}}[data-theme=light] .sidebar{background:rgba(var(--light-rgb),.9);border-right:1px solid rgba(var(--dark-rgb),.1);box-shadow:0 4px 12px rgba(var(--dark-rgb),.05)}[data-theme=light] .sidebar .sidebar-header .toggle-btn{color:var(--foreground)}[data-theme=light] .sidebar .sidebar-header h2{background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}[data-theme=light] .sidebar .nav-item{color:var(--foreground)}[data-theme=light] .sidebar .nav-item:hover{background:rgba(var(--primary-rgb),.05);border-color:rgba(var(--primary),.2)}[data-theme=light] .sidebar .nav-item.active:hover{background:rgba(var(--primary-rgb),.05);border-color:rgba(var(--primary-rgb),.2)}[data-theme=light] .sidebar .theme-toggle{color:var(--foreground);background:rgba(var(--dark-rgb),.03)}[data-theme=light] .sidebar .theme-toggle:hover{background:rgba(var(--dark-rgb),.08)}[data-theme=light] .sidebar .nav-tooltip{box-shadow:0 4px 15px rgba(0,0,0,.1)}[data-theme=dark] .sidebar{background:rgba(var(--light-rgb),.03);border-right:1px solid var(--border-light);box-shadow:0 4px 12px rgba(var(--dark-rgb),.2)}[data-theme=dark] .sidebar .nav-item{color:var(--foreground);border:1px solid rgba(0,0,0,0)}[data-theme=dark] .sidebar .nav-item:hover{background:rgba(var(--light-rgb),.05);border-color:var(--border-light)}[data-theme=dark] .sidebar .nav-item.active{background:linear-gradient(45deg,rgba(var(--primary-rgb),.15),rgba(var(--secondary-rgb),.15));border:1px solid rgba(var(--primary-rgb),.3)}[data-theme=dark] .sidebar .theme-toggle{background:rgba(var(--light-rgb),.03)}[data-theme=dark] .sidebar .theme-toggle:hover{background:rgba(var(--light-rgb),.08)}[data-theme=dark] .sidebar .nav-tooltip{background:rgba(136,136,136,.7490196078);border-color:var(--border-dark);box-shadow:0 4px 15px rgba(0,0,0,.3)}[data-theme=dark] .sidebar .project-selector-container{border-color:var(--border-dark)}[data-theme=dark] .sidebar .project-selector-container .project-dropdown{background-color:var(--background-dark);border-color:var(--border-dark)}[data-theme=dark] .profile-dropdown{border-color:var(--border-dark);box-shadow:0 4px 12px rgba(0,0,0,.3)}[data-theme=dark] .profile-dropdown .dropdown-item:not(:last-child){border-color:var(--border-dark)}[data-theme=dark] .profile-dropdown .dropdown-project-selector select{background:var(--background-dark);border-color:var(--border-dark)}[data-theme=dark] .profile-dropdown .dropdown-project-selector select:hover{border-color:var(--primary)}[data-theme=dark] .profile-dropdown .dropdown-divider{background:var(--border-dark)}.user-profile-container{position:relative;width:100%;margin-bottom:1rem}.user-profile-button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border:none;border-radius:8px;background:rgba(0,0,0,0);color:var(--foreground);cursor:pointer;transition:all .3s ease}.user-profile-button:hover{background:rgba(var(--primary-rgb),.1)}.user-profile-button .user-avatar{object-fit:cover}.user-profile-button .user-avatar,.user-profile-button .user-avatar-placeholder{width:36px;height:36px;border-radius:50%;border:2px solid rgba(var(--primary-rgb),.3)}.user-profile-button .user-avatar-placeholder{background:linear-gradient(45deg,rgba(var(--primary-rgb),.5),rgba(var(--secondary-rgb),.5));display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600}.user-profile-button .user-info{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;flex:1 1}.user-profile-button .user-info .user-name{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.user-profile-button .user-info .user-role{font-size:.75rem;color:var(--foreground-subtle)}.profile-dropdown{position:absolute;bottom:calc(100% + 10px);right:-4rem;width:280px;background-color:var(--light);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:2;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.profile-dropdown .close-button{position:absolute;right:12px;top:12px;width:24px;height:24px;padding:0;display:flex!important;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,0);color:var(--foreground-subtle);cursor:pointer;border-radius:50%;transition:all .2s ease;z-index:1002}[dir=rtl] .profile-dropdown .close-button{right:auto;left:20px}.profile-dropdown .close-button:hover{background:rgba(var(--foreground-rgb),.1);color:var(--foreground)}.profile-dropdown .close-button svg{width:16px;height:16px}.profile-dropdown .current-user{padding:1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border-light)}.profile-dropdown .current-user .user-avatar-large{width:48px;height:48px;border-radius:50%;overflow:hidden}.profile-dropdown .current-user .user-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-dropdown .current-user .user-avatar-large .avatar-placeholder-large{width:100%;height:100%;background:linear-gradient(45deg,rgba(var(--primary-rgb),.5),rgba(var(--secondary-rgb),.5));display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:500}.profile-dropdown .current-user .user-info-large{display:flex;flex-direction:column}.profile-dropdown .current-user .user-info-large .name{font-weight:600;color:var(--foreground)}.profile-dropdown .current-user .user-info-large .email{font-size:.8rem;color:var(--foreground-subtle)}.profile-dropdown .projects-list{max-height:300px;overflow-y:auto;padding:.5rem}.profile-dropdown .projects-list .add-project-btn,.profile-dropdown .projects-list .project-switch-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:5px;border:none;border-radius:8px;background:rgba(0,0,0,0);color:var(--foreground);cursor:pointer;text-align:left;text-decoration:none;transition:all .2s ease}.profile-dropdown .projects-list .add-project-btn:hover,.profile-dropdown .projects-list .project-switch-btn:hover{background:rgba(var(--primary-rgb),.08)}.profile-dropdown .projects-list .add-project-btn.active,.profile-dropdown .projects-list .project-switch-btn.active{background:rgba(var(--primary-rgb),.12)}.profile-dropdown .projects-list .add-project-btn .project-icon,.profile-dropdown .projects-list .project-switch-btn .project-icon{width:36px;height:36px;border-radius:8px;background:linear-gradient(45deg,rgba(var(--primary-rgb),.2),rgba(var(--secondary-rgb),.2));display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--primary)}.profile-dropdown .projects-list .add-project-btn .project-icon.add,.profile-dropdown .projects-list .project-switch-btn .project-icon.add{background:rgba(var(--foreground-rgb),.08);color:var(--foreground)}.profile-dropdown .projects-list .add-project-btn .project-info,.profile-dropdown .projects-list .project-switch-btn .project-info{flex:1 1}.profile-dropdown .projects-list .add-project-btn .project-info .name,.profile-dropdown .projects-list .project-switch-btn .project-info .name{display:block;font-weight:500}.profile-dropdown .projects-list .add-project-btn .project-info .type,.profile-dropdown .projects-list .project-switch-btn .project-info .type{display:block;font-size:.75rem;color:var(--foreground-subtle)}.profile-dropdown .projects-list .add-project-btn .active-indicator,.profile-dropdown .projects-list .project-switch-btn .active-indicator{color:var(--primary);font-size:1.1rem}.profile-dropdown .dropdown-divider{height:1px;background:var(--border-light);margin:0}.profile-dropdown .dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;border:none;background:rgba(0,0,0,0);color:var(--foreground);text-align:left;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.profile-dropdown .dropdown-item:hover{background:rgba(var(--error-rgb),.08)}.profile-dropdown .dropdown-item svg{width:16px;height:16px;color:var(--error)}.profile-dropdown .dropdown-item span{color:var(--error)}[data-theme=dark] .profile-dropdown .dropdown-item:hover{background:rgba(var(--error-rgb),.12)}[dir=rtl] .profile-dropdown{left:-4rem;right:auto}[dir=rtl] .profile-dropdown .add-project-btn,[dir=rtl] .profile-dropdown .dropdown-item,[dir=rtl] .profile-dropdown .project-switch-btn{text-align:right}.sidebar.closed .profile-dropdown{right:70px}.project-selector-container{padding:.5rem 1rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-light)}.project-selector-container .project-selector{width:100%}.project-selector-container .project-selector .project-label{display:block;font-size:.8rem;margin-bottom:.3rem;color:var(--foreground-subtle)}.project-selector-container .project-selector .project-dropdown{width:100%;padding:.5rem;border-radius:6px;background-color:var(--background);border:1px solid var(--border-light);color:var(--foreground);font-size:.8rem;cursor:pointer}.project-selector-container .project-selector .project-dropdown:focus{outline:none;border-color:var(--primary)}