html[data-theme=light]{--app-shell-gap:.7rem;--app-shell-padding:.7rem;--app-shell-radius:22px;--sidebar-primary-radius:18px;--sidebar-secondary-radius:16px;--sidebar-bg:#edf1f7;--sidebar-bg-gradient:linear-gradient(180deg,#ffffff80 0%,#ffffff1f 100%);--sidebar-secondary-bg-gradient:linear-gradient(180deg,#ffffff85 0%,#ffffff24 100%);--sidebar-bg-elevated:#f7f9fc;--sidebar-border:#d8dfeb;--sidebar-shadow:0 10px 24px #35415914;--sidebar-text:#5f6980;--sidebar-text-strong:#3f4961;--sidebar-text-muted:#8a94aa;--sidebar-hover-bg:#e5eaf3;--sidebar-active-bg:#f3f6fc;--sidebar-active-bg-gradient:linear-gradient(135deg,#6f7bf20f 0%,#6f7bf204 100%);--sidebar-active-border:transparent;--sidebar-accent:#7b86f6;--sidebar-accent-strong:#6472ea;--sidebar-accent-soft:#e8ecff;--sidebar-tooltip-bg:#5e6880;--sidebar-tooltip-text:#fff;--sidebar-toggle-bg:#f8f9fc;--sidebar-toggle-border:#d4dbe8;--sidebar-toggle-hover-bg:#eceff6;--sidebar-divider:#d8dfeb;--sidebar-danger-hover:#f8e9ed;--sidebar-item-padding-y:.5rem;--sidebar-item-padding-x:.62rem;--sidebar-item-gap:.55rem;--sidebar-item-radius:9px;--sidebar-item-font-size:.88rem;--sidebar-active-text:#414d69;--sidebar-active-icon:#6f7bf2;--sidebar-icon-gradient-start:#3b82f6;--sidebar-icon-gradient-end:#8b5cf6;--sidebar-active-indicator:#4f7dff;--sidebar-active-indicator-strong:#3f72ff;--sidebar-active-indicator-width:5px;--sidebar-active-indicator-height:24px;--sidebar-active-indicator-offset:.9rem;--sidebar-active-indicator-radius:0 999px 999px 0;--sidebar-active-indicator-shape:none;--content-window-bg:#fff}html[data-theme=dark]{--app-shell-gap:.7rem;--app-shell-padding:.7rem;--app-shell-radius:22px;--sidebar-primary-radius:18px;--sidebar-secondary-radius:16px;--sidebar-bg:#1a2130;--sidebar-bg-gradient:linear-gradient(180deg,#ffffff0f 0%,#ffffff04 100%);--sidebar-secondary-bg-gradient:linear-gradient(180deg,#ffffff12 0%,#ffffff05 100%);--sidebar-bg-elevated:#232c3e;--sidebar-border:#2f3a50;--sidebar-shadow:0 12px 28px #080c1473;--sidebar-text:#c2cbe0;--sidebar-text-strong:#e2e8f8;--sidebar-text-muted:#8f9ab2;--sidebar-hover-bg:#252f44;--sidebar-active-bg:#2a344a;--sidebar-active-bg-gradient:linear-gradient(135deg,#95a3ff17 0%,#95a3ff05 100%);--sidebar-active-border:transparent;--sidebar-accent:#8d98ff;--sidebar-accent-strong:#7686ff;--sidebar-accent-soft:#2b3550;--sidebar-tooltip-bg:#3a465f;--sidebar-tooltip-text:#f8faff;--sidebar-toggle-bg:#212a3d;--sidebar-toggle-border:#36425b;--sidebar-toggle-hover-bg:#2a3550;--sidebar-divider:#2f3a50;--sidebar-danger-hover:#472735;--sidebar-item-padding-y:.5rem;--sidebar-item-padding-x:.62rem;--sidebar-item-gap:.55rem;--sidebar-item-radius:9px;--sidebar-item-font-size:.88rem;--sidebar-active-text:#e3eaff;--sidebar-active-icon:#95a3ff;--sidebar-icon-gradient-start:#60a5fa;--sidebar-icon-gradient-end:#a78bfa;--sidebar-active-indicator:#78a0ff;--sidebar-active-indicator-strong:#5e8dff;--sidebar-active-indicator-width:5px;--sidebar-active-indicator-height:24px;--sidebar-active-indicator-offset:.9rem;--sidebar-active-indicator-radius:0 999px 999px 0;--sidebar-active-indicator-shape:none;--content-window-bg:#0d1117}html{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}html,body{color:#595959!important;background:linear-gradient(135deg,#fff 0%,#f0f4f8 100%)!important}:root{--primary:#7c5cff;--primary-rgb:124,92,255;--primary-light:#7c5cff29;--primary-dark:#5b3fe6;--secondary:#4f8cff;--secondary-rgb:79,140,255;--success:#22c55e;--success-rgb:34,197,94;--success-light:#22c55e1a;--info:#3b82f6;--info-rgb:59,130,246;--info-light:#3b82f61a;--warning:#f59e0b;--warning-rgb:245,158,11;--warning-light:#f59e0b1a;--error:#ef4444;--error-rgb:239,68,68;--error-light:#ef44441a;--muted:#6b7280;--foreground-subtle:#777;--light-rgb:255,255,255;--dark-rgb:0,0,0}html{min-height:100vh}html,body{transition:background .5s,color .5s;overflow-x:hidden}html[dir=ltr],html[dir=ltr] *{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html[dir=rtl],html[dir=rtl] *{font-family:Almarai,Segoe UI,Tahoma,Arial,sans-serif}*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html[data-theme=light]{--background:linear-gradient(135deg,#fff 0%,#f0f4f8 100%);--background-subtle:#f9fafb;--foreground:#595959;--primary:#7c5cff;--secondary:#4f8cff;--primary-light:#7c5cff29;--primary-dark:#5b3fe6;--dark:#0f172a;--light:#f8fafc;--border-light:#ffffff1a;--border-dark:#0000001a;--primary-rgb:124,92,255;--secondary-rgb:79,140,255;--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 0%,#1e293b 100%);--background-subtle:#121212;--foreground:#ededed;--primary:#8b7dff;--secondary:#5b9dff;--primary-light:#8b7dff33;--primary-dark:#6a58e8;--dark:#f8fafc;--light:#0f172a;--border-light:#fff3;--border-dark:#0003;--primary-rgb:139,125,255;--secondary-rgb:91,157,255;--success:#22c55e;--success-rgb:34,197,94;--success-light:#22c55e26;--info:#3b82f6;--info-rgb:59,130,246;--info-light:#3b82f626;--warning:#f59e0b;--warning-rgb:245,158,11;--warning-light:#f59e0b26;--error:#ef4444;--error-rgb:239,68,68;--error-light:#ef444426;--light-rgb:15,23,42;--dark-rgb:248,250,252}body{width:100%;height:100vh;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:0;padding:0;transition:background-color .3s,color .3s;display:flex;overflow:hidden;background:var(--background)!important}html[data-theme]{transition:background-color .3s}.app-shell-main,main{z-index:1;background:var(--sidebar-bg-gradient),var(--sidebar-bg);box-shadow:none;border-radius:0;flex-direction:column;flex:1;min-height:100vh;margin:0;padding:1rem .75rem;display:flex;position:relative;overflow:hidden}@media screen and (max-width:768px){.app-shell-main,main{border-radius:0;min-height:100vh;margin:0;padding:0}}.app-shell-main,main{scrollbar-width:thin;scrollbar-color:#0000 #0000;transition:scrollbar-color .3s}.app-shell-main:hover,.app-shell-main:active,.app-shell-main:focus,main:hover,main:active,main:focus{scrollbar-color:rgba(var(--secondary-rgb),.5)#0000}.app-shell-main::-webkit-scrollbar{width:6px;height:6px}main::-webkit-scrollbar{width:6px;height:6px}.app-shell-main::-webkit-scrollbar-track{background:0 0;margin:4px 0}main::-webkit-scrollbar-track{background:0 0;margin:4px 0}.app-shell-main::-webkit-scrollbar-thumb{background:0 0;border-radius:6px;transition:background .3s}main::-webkit-scrollbar-thumb{background:0 0;border-radius:6px;transition:background .3s}.app-shell-main:hover::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--secondary),var(--primary))}.app-shell-main:active::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--secondary),var(--primary))}.app-shell-main:focus::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--secondary),var(--primary))}.app-shell-main.scrolling::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--secondary),var(--primary))}main:hover::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--secondary),var(--primary))}main:active::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--secondary),var(--primary))}main:focus::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--secondary),var(--primary))}main.scrolling::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--secondary),var(--primary))}.app-content-window{background:linear-gradient(var(--content-window-bg),var(--content-window-bg))padding-box,linear-gradient(to top right,rgba(var(--primary-rgb),.45),rgba(var(--secondary-rgb),.45))border-box;scrollbar-width:thin;scrollbar-color:#0000 #0000;border:.5px solid #0000;border-radius:18px;flex:1 1 0;min-height:0;padding:.75rem 1rem;transition:scrollbar-color .3s;overflow:auto;box-shadow:0 6px 20px #0000000f}.app-content-window:hover,.app-content-window:active,.app-content-window:focus{scrollbar-color:rgba(var(--secondary-rgb),.5)#0000}.app-content-window::-webkit-scrollbar{width:6px;height:6px}.app-content-window::-webkit-scrollbar-track{background:0 0;margin:4px 0}.app-content-window::-webkit-scrollbar-thumb{background:0 0;border-radius:6px;transition:background .3s}.app-content-window:hover::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--secondary),var(--primary))}.app-content-window:active::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--secondary),var(--primary))}.app-content-window:focus::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--secondary),var(--primary))}.app-content-window.scrolling::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--secondary),var(--primary))}.app-content-window.has-section-tabs{border-top:none;border-radius:0 0 18px 18px}.app-content-window.inbox-page,.app-content-window.appearance-page{overflow:hidden}.app-content-window.auth-page{box-shadow:none;background:0 0;border:none;border-radius:0;flex:none;height:100vh;min-height:100vh;margin-left:0;padding:0;overflow:hidden}@media screen and (max-width:768px){.app-content-window{width:100%;min-height:100vh;box-shadow:none;border:none;border-radius:0;flex:1 1 0;margin-left:0;margin-right:0}}@media screen and (min-width:1200px){.app-content-window:not(.auth-page):not(.appearance-page):not(.data-sources-page){zoom:.9}@supports not (zoom:1){.app-content-window:not(.auth-page):not(.appearance-page):not(.data-sources-page){transform-origin:0 0;width:calc(111.111% - .833333rem);transform:scale(.9)}}}.app-shell-main.auth-page,main.auth-page{padding:0;overflow:hidden}.app-content-window>*{border-radius:16px;overflow:hidden}@media screen and (max-width:768px){.app-content-window>*{border-radius:0}}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html[dir=rtl] .driver-popover .driver-popover-close-btn{left:8px!important;right:auto!important}.driver-popover{border:1px solid rgba(var(--primary-rgb),.16)!important;border-radius:12px!important;box-shadow:0 16px 34px #00000029!important}.driver-popover-footer{gap:.75rem;margin-top:18px!important}.driver-popover-navigation-btns{gap:.5rem}.driver-popover-navigation-btns button+button{margin-left:0!important}.driver-popover-footer .driver-popover-prev-btn,.driver-popover-footer .driver-popover-next-btn{min-height:38px;text-shadow:none!important;border-radius:10px!important;padding:.5rem .95rem!important;font-size:.9rem!important;font-weight:600!important;transition:transform .18s,box-shadow .18s,background-color .18s!important}.driver-popover-footer .driver-popover-prev-btn{border:1px solid rgba(var(--primary-rgb),.22)!important;background-color:var(--background-subtle)!important;color:var(--foreground)!important}.driver-popover-footer .driver-popover-next-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark,var(--primary)))!important;color:var(--background-subtle)!important;box-shadow:0 8px 18px rgba(var(--primary-rgb),.24)!important;border:1px solid #0000!important}.driver-popover-footer .driver-popover-prev-btn:hover,.driver-popover-footer .driver-popover-prev-btn:focus{background-color:rgba(var(--primary-rgb),.08)!important}.driver-popover-footer .driver-popover-next-btn:hover,.driver-popover-footer .driver-popover-next-btn:focus{transform:translateY(-1px);box-shadow:0 10px 20px rgba(var(--primary-rgb),.3)!important}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5!important}html[dir=rtl] .driver-popover-footer{direction:ltr}html[dir=rtl] .driver-popover-navigation-btns{order:1;margin-left:0;margin-right:auto;flex-grow:0!important;justify-content:flex-start!important}html[dir=rtl] .driver-popover-footer .driver-popover-progress-text{text-align:right;direction:rtl;order:2;margin-left:auto}[data-theme=dark] .driver-popover{color:#e5e7eb!important;border-color:rgba(var(--primary-rgb),.26)!important;background-color:#20232f!important}[data-theme=dark] .driver-popover-title,[data-theme=dark] .driver-popover-description,[data-theme=dark] .driver-popover-progress-text{color:#e5e7eb!important}[data-theme=dark] .driver-popover-footer .driver-popover-prev-btn{color:#e5e7eb!important;background-color:#ffffff0f!important;border-color:#ffffff2e!important}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientAnimation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}
.sidebar{background:var(--sidebar-bg-gradient),var(--sidebar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:220px;box-shadow:none;z-index:3;border-radius:0;flex-direction:column;flex-shrink:0;height:100vh;margin:0;padding:1.25rem;transition:all .3s;display:flex;position:relative;overflow:visible}.sidebar .sidebar-icon-gradient-defs{pointer-events:none;width:0;height:0;position:absolute}.sidebar.closed{align-items:center;width:80px;padding:1.25rem .7rem}.sidebar.closed .sidebar-header h2,.sidebar.closed .nav-item span:not(.nav-tooltip):not(.notification-badge){display:none}.sidebar.closed .nav-item,.sidebar.closed .sidebar-header{justify-content:center}.sidebar.closed .sidebar-header .sidebar-header-actions{align-items:center}.sidebar.closed .nav-tooltip{background:var(--sidebar-tooltip-bg);color:var(--sidebar-tooltip-text);white-space:nowrap;text-overflow:ellipsis;max-width:220px;box-shadow:var(--sidebar-shadow);pointer-events:none;z-index:10;opacity:0;letter-spacing:.3px;text-transform:uppercase;border:none;border-radius:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;position:absolute;top:50%;left:calc(100% + 12px);overflow:hidden;transform:translateY(-50%)translate(8px)}[dir=rtl] .sidebar.closed .nav-tooltip{left:auto;right:calc(100% + 12px);transform:translateY(-50%)translate(-8px)}.sidebar.closed .nav-tooltip.tooltip-visible{opacity:1;transform:translateY(-50%)translate(0)}[dir=rtl] .sidebar.closed .nav-tooltip.tooltip-visible{transform:translateY(-50%)translate(0)}.sidebar.closed .sidebar-body{height:auto}.sidebar.hovered:not(.open) .sidebar-header h2{opacity:0}.sidebar .sidebar-body{flex-direction:column;flex:1;justify-content:space-between;min-height:0;display:flex}.sidebar .sidebar-body .main-nav,.sidebar .sidebar-body .utility-nav{flex-direction:column;gap:.05rem;display:flex}.sidebar .sidebar-body .sidebar-spacer{flex-grow:1;min-height:1rem}.sidebar .sidebar-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.sidebar .sidebar-header h2{background:linear-gradient(to right,var(--sidebar-accent),var(--sidebar-accent-strong));-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;transition:opacity .2s}.sidebar .sidebar-header .sidebar-header-actions{flex-direction:column;align-items:center;gap:.55rem;display:flex}.sidebar .sidebar-header .toggle-btn{color:var(--sidebar-text-strong);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .3s;display:flex}.sidebar .sidebar-header .toggle-btn svg{transition:transform .3s}[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 .sidebar-header .toggle-btn:disabled{cursor:default;opacity:.6}.sidebar .sidebar-header .sidebar-tutorial-trigger{width:30px;height:30px}.sidebar .nav-item{align-items:center;gap:var(--sidebar-item-gap);padding:var(--sidebar-item-padding-y)var(--sidebar-item-padding-x);color:var(--sidebar-text);border-radius:var(--sidebar-item-radius);font-size:var(--sidebar-item-font-size);margin-bottom:.5rem;text-decoration:none;transition:all .3s;display:flex;position:relative}.sidebar .nav-item:hover{background:var(--sidebar-hover-bg)}.sidebar .nav-item.active{background:var(--sidebar-active-bg-gradient),var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600}.sidebar .nav-item.active svg{color:var(--sidebar-active-icon);stroke:url(#sidebar-icon-gradient-main)}.sidebar .nav-item.active span{font-weight:600}.sidebar .nav-item.active:before{content:"";left:calc(var(--sidebar-active-indicator-offset)*-1);width:var(--sidebar-active-indicator-width);height:var(--sidebar-active-indicator-height);border-radius:var(--sidebar-active-indicator-radius);background:linear-gradient(180deg,var(--sidebar-active-indicator)0%,var(--sidebar-active-indicator-strong)100%);position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 3px #4f7dff40}[dir=rtl] .sidebar .nav-item.active:before{left:auto;right:calc(var(--sidebar-active-indicator-offset)*-1);border-radius:999px 0 0 999px}.sidebar .nav-item .notification-badge{z-index:20;visibility:visible!important;display:flex!important}.sidebar .nav-item.theme-toggle{cursor:pointer;background:0 0;border:none}.sidebar .nav-item.theme-toggle svg{color:inherit}.sidebar.closed .nav-item:hover svg{opacity:.8;scale:1.2}.sidebar .sidebar-footer{flex-direction:column;gap:.05rem;margin-top:1rem;display:flex}.sidebar .sidebar-footer .language-switcher{width:100%}.sidebar .sidebar-footer .language-switcher__current{background:var(--sidebar-bg-elevated);border-color:var(--sidebar-border);width:100%;color:var(--sidebar-text)}.sidebar .sidebar-footer .language-switcher__options{width:100%}.sidebar.closed .sidebar-footer .language-switcher{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}}.sidebar.tutorial-active .nav-item,.sidebar.tutorial-active .user-profile-button,.sidebar.tutorial-active .toggle-btn,.sidebar.tutorial-active .sidebar-tutorial-trigger{pointer-events:none!important;cursor:default!important}.sidebar.tutorial-active .driver-active-element{z-index:100002!important}.sidebar.tutorial-active .nav-item.driver-active-element,.sidebar.tutorial-active .user-profile-button.driver-active-element{pointer-events:none!important;cursor:default!important}.user-profile-container{width:100%;margin-bottom:1rem;position:relative}.user-profile-button{width:100%;color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;transition:all .3s;display:flex}.user-profile-button:hover{background:var(--sidebar-hover-bg)}.user-profile-button .user-avatar{object-fit:cover;border:2px solid var(--sidebar-active-border);border-radius:50%;width:36px;height:36px}.user-profile-button .user-avatar-placeholder{background:linear-gradient(45deg,var(--sidebar-accent),var(--sidebar-accent-strong));width:36px;height:36px;color:var(--background-subtle);border:2px solid var(--sidebar-active-border);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.user-profile-button .user-info{flex-direction:column;flex:1;align-items:flex-start;display:flex;overflow:hidden}.user-profile-button .user-info .user-name{white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.9rem;font-weight:500;overflow:hidden}.user-profile-button .user-info .user-role{color:var(--sidebar-text-muted);font-size:.75rem}.profile-dropdown{background-color:var(--sidebar-bg-elevated);border:1px solid var(--sidebar-border);width:280px;box-shadow:var(--sidebar-shadow);z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;position:absolute;bottom:calc(100% + 10px);overflow:visible}.profile-dropdown .close-button{width:24px;height:24px;color:var(--sidebar-text-muted);cursor:pointer;z-index:1002;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;position:absolute;top:12px;right:12px;display:flex!important}[dir=rtl] .profile-dropdown .close-button{left:20px;right:auto}.profile-dropdown .close-button:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-strong)}.profile-dropdown .close-button svg{width:16px;height:16px}.profile-dropdown .current-user{padding:1rem;border-bottom:1px solid var(--sidebar-divider);align-items:center;gap:.75rem;min-width:0;padding-inline-end:3rem;display:flex}.profile-dropdown .current-user .user-avatar-large{border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.profile-dropdown .current-user .user-avatar-large img{object-fit:cover;width:100%;height:100%}.profile-dropdown .current-user .user-avatar-large .avatar-placeholder-large{background:linear-gradient(45deg,var(--sidebar-accent),var(--sidebar-accent-strong));width:100%;height:100%;color:var(--background-subtle);justify-content:center;align-items:center;font-size:24px;font-weight:500;display:flex}.profile-dropdown .current-user .user-info-large{flex-direction:column;flex:1;min-width:0;display:flex}.profile-dropdown .current-user .user-info-large .name{color:var(--sidebar-text-strong);white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.profile-dropdown .current-user .user-info-large .email{color:var(--sidebar-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;display:block;overflow:hidden}.profile-dropdown .current-user .user-info-large .role{color:var(--sidebar-accent-strong);white-space:nowrap;text-overflow:ellipsis;margin-top:.25rem;font-size:.75rem;font-weight:500;display:block;overflow:hidden}.profile-dropdown .projects-list{max-height:300px;padding:.5rem;overflow-y:auto}.profile-dropdown .projects-list .project-switch-btn,.profile-dropdown .projects-list .add-project-btn{width:100%;color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:5px;padding:.75rem;text-decoration:none;transition:all .2s;display:flex}.profile-dropdown .projects-list .project-switch-btn:hover,.profile-dropdown .projects-list .add-project-btn:hover{background:var(--sidebar-hover-bg)}.profile-dropdown .projects-list .project-switch-btn.active,.profile-dropdown .projects-list .add-project-btn.active{background:linear-gradient(135deg,rgba(var(--primary-rgb),.16),rgba(var(--primary-rgb),.08));border:1px solid rgba(var(--primary-rgb),.22);box-shadow:0 8px 20px rgba(var(--primary-rgb),.12)}.profile-dropdown .projects-list .project-switch-btn .project-icon,.profile-dropdown .projects-list .add-project-btn .project-icon{background:linear-gradient(45deg,var(--sidebar-accent-soft),var(--sidebar-hover-bg));width:36px;height:36px;color:var(--sidebar-accent-strong);border-radius:8px;justify-content:center;align-items:center;font-weight:600;display:flex}.profile-dropdown .projects-list .project-switch-btn .project-icon.add,.profile-dropdown .projects-list .add-project-btn .project-icon.add{background:var(--sidebar-hover-bg);color:var(--sidebar-text)}.profile-dropdown .projects-list .project-switch-btn .project-info,.profile-dropdown .projects-list .add-project-btn .project-info{flex:1}.profile-dropdown .projects-list .project-switch-btn .project-info .name,.profile-dropdown .projects-list .add-project-btn .project-info .name{font-weight:500;display:block}.profile-dropdown .projects-list .project-switch-btn .project-info .type,.profile-dropdown .projects-list .add-project-btn .project-info .type{color:var(--sidebar-text-muted);font-size:.75rem;display:block}.profile-dropdown .projects-list .project-switch-btn .project-info .owner,.profile-dropdown .projects-list .add-project-btn .project-info .owner{color:var(--sidebar-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.profile-dropdown .projects-list .project-switch-btn .active-indicator,.profile-dropdown .projects-list .add-project-btn .active-indicator{color:var(--sidebar-accent-strong);font-size:1.1rem}.profile-dropdown .dropdown-divider{background:var(--sidebar-divider);height:1px;margin:0}.profile-dropdown .dropdown-item{width:100%;color:var(--sidebar-text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.profile-dropdown .dropdown-item:hover{background:var(--sidebar-danger-hover)}.profile-dropdown .dropdown-item.create-project-btn{color:var(--sidebar-accent-strong)}.profile-dropdown .dropdown-item.create-project-btn:hover{background:var(--sidebar-hover-bg)}.profile-dropdown .dropdown-item.create-project-btn svg{color:var(--sidebar-accent-strong)}.profile-dropdown .dropdown-item svg{width:16px;height:16px;color:var(--error)}.profile-dropdown .dropdown-item span{color:var(--error)}.profile-dropdown .dropdown-item-with-submenu{position:static}.profile-dropdown .dropdown-item-with-submenu .dropdown-item.projects-item{width:100%;color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;position:relative}.profile-dropdown .dropdown-item-with-submenu .dropdown-item.projects-item:hover{background:var(--sidebar-hover-bg)}.profile-dropdown .dropdown-item-with-submenu .dropdown-item.projects-item svg:first-child{width:16px;height:16px;color:var(--sidebar-text)}.profile-dropdown .dropdown-item-with-submenu .dropdown-item.projects-item .chevron-icon{color:var(--sidebar-text-muted);margin-left:auto;transition:transform .2s}.profile-dropdown .dropdown-item-with-submenu .dropdown-item.projects-item .chevron-icon.open{transform:rotate(90deg)}.profile-dropdown .dropdown-item-with-submenu .dropdown-item.projects-item span{color:var(--sidebar-text);flex:1}.profile-dropdown .dropdown-item-with-submenu .dropdown-item.projects-item .notification-dot{background-color:var(--sidebar-accent-strong);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;position:absolute;top:8px;right:28px}.profile-dropdown .dropdown-item-with-submenu .projects-submenu{background-color:var(--sidebar-bg-elevated);border:1px solid var(--sidebar-border);width:260px;box-shadow:var(--sidebar-shadow);z-index:10000;border-radius:12px;padding:.5rem;animation:.2s ease-out slideInRight;position:absolute;top:0;left:calc(100% + 8px);transform:translateY(-50%)}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .projects-items{scrollbar-width:thin;scrollbar-color:#0000 #0000;max-height:300px;transition:scrollbar-color .3s;overflow-y:auto}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .projects-items:hover,.profile-dropdown .dropdown-item-with-submenu .projects-submenu .projects-items:active,.profile-dropdown .dropdown-item-with-submenu .projects-submenu .projects-items:focus{scrollbar-color:rgba(var(--secondary-rgb),.5)#0000}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .projects-items::-webkit-scrollbar{width:6px;height:6px}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .projects-items::-webkit-scrollbar-track{background:0 0;margin:4px 0}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .projects-items::-webkit-scrollbar-thumb{background:0 0;border-radius:6px;transition:background .3s}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .projects-items:hover::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--secondary),var(--primary))}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .projects-items:active::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--secondary),var(--primary))}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .projects-items:focus::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--secondary),var(--primary))}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .projects-items.scrolling::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--secondary),var(--primary))}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item{width:100%;color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:4px;padding:.75rem;transition:all .2s;display:flex}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item:hover{background:var(--sidebar-hover-bg)}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item.active{background:linear-gradient(135deg,rgba(var(--primary-rgb),.16),rgba(var(--primary-rgb),.08));border:1px solid rgba(var(--primary-rgb),.22);box-shadow:0 8px 20px rgba(var(--primary-rgb),.12)}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item.active .project-icon{background:rgba(var(--primary-rgb),.14);color:var(--primary)}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item.active .project-info .name{color:var(--primary);font-weight:600}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item.active .project-info .type,.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item.active .project-info .owner{color:var(--sidebar-text);opacity:.85}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item.active .active-indicator{background:rgba(var(--primary-rgb),.14);width:24px;height:24px;color:var(--primary);border-radius:999px;justify-content:center;align-items:center;font-size:.95rem;display:flex}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item.add-project-item{color:var(--sidebar-accent-strong);justify-content:center;margin-top:4px}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item.add-project-item svg{color:var(--sidebar-accent-strong)}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item.add-project-item:hover{background:var(--sidebar-hover-bg)}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item.add-project-item:disabled{opacity:.55;cursor:not-allowed;color:var(--sidebar-text-muted)}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item.add-project-item:disabled svg{color:var(--sidebar-text-muted)}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item.add-project-item:disabled:hover{background:0 0}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item .project-icon{background:linear-gradient(45deg,var(--sidebar-accent-soft),var(--sidebar-hover-bg));width:36px;height:36px;color:var(--sidebar-accent-strong);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item .project-info{flex:1;min-width:0}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item .project-info .name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;display:block;overflow:hidden}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item .project-info .type{color:var(--sidebar-text-muted);font-size:.75rem;display:block}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item .project-info .owner{color:var(--sidebar-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-project-item .active-indicator{color:var(--sidebar-accent-strong);flex-shrink:0;font-size:1.1rem}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .submenu-divider{background:var(--sidebar-divider);height:1px;margin:.5rem 0}.profile-dropdown .dropdown-item-with-submenu .projects-submenu .no-projects-message{text-align:start;color:var(--sidebar-text-muted);border:1px solid var(--sidebar-border);background:rgba(var(--primary-rgb),.08);border-radius:8px;padding:.65rem .75rem;font-size:.78rem;line-height:1.4}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}[dir=rtl] .profile-dropdown{right:auto}[dir=rtl] .profile-dropdown .dropdown-item-with-submenu .projects-submenu{animation:.2s ease-out slideInLeft;left:auto;right:calc(100% + 8px)}[dir=rtl] .profile-dropdown .dropdown-item-with-submenu .projects-submenu .projects-items .submenu-project-item .project-info{text-align:right!important}[dir=rtl] .profile-dropdown .dropdown-item-with-submenu .chevron-icon{margin-left:0;margin-right:auto;transform:rotate(180deg)}@keyframes slideInLeft{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}[dir=rtl] .profile-dropdown .project-switch-btn,[dir=rtl] .profile-dropdown .add-project-btn,[dir=rtl] .profile-dropdown .dropdown-item{text-align:right}.sidebar.closed .profile-dropdown{right:70px}.project-selector-container{border-bottom:1px solid var(--sidebar-divider);margin-bottom:.5rem;padding:.5rem 1rem}.project-selector-container .project-selector{width:100%}.project-selector-container .project-selector .project-label{color:var(--sidebar-text-muted);margin-bottom:.3rem;font-size:.8rem;display:block}.project-selector-container .project-selector .project-dropdown{background-color:var(--sidebar-bg-elevated);border:1px solid var(--sidebar-border);width:100%;color:var(--sidebar-text);cursor:pointer;border-radius:6px;padding:.5rem;font-size:.8rem}.project-selector-container .project-selector .project-dropdown:focus{border-color:var(--sidebar-accent-strong);outline:none}@keyframes sidebar-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.nav-skeleton{background:linear-gradient(90deg,var(--sidebar-hover-bg)25%,color-mix(in srgb,var(--sidebar-hover-bg)60%,var(--sidebar-text)15%)50%,var(--sidebar-hover-bg)75%);background-size:400px 100%;border-radius:6px;width:90px;height:13px;animation:1.4s ease-in-out infinite sidebar-shimmer;display:inline-block}.user-name-skeleton{background:linear-gradient(90deg,var(--sidebar-hover-bg)25%,color-mix(in srgb,var(--sidebar-hover-bg)60%,var(--sidebar-text)15%)50%,var(--sidebar-hover-bg)75%);background-size:400px 100%;border-radius:6px;width:100px;height:12px;margin-bottom:5px;animation:1.4s ease-in-out infinite sidebar-shimmer;display:block}.user-role-skeleton{background:linear-gradient(90deg,var(--sidebar-hover-bg)25%,color-mix(in srgb,var(--sidebar-hover-bg)60%,var(--sidebar-text)15%)50%,var(--sidebar-hover-bg)75%);background-size:400px 100%;border-radius:6px;width:55px;height:10px;animation:1.4s ease-in-out infinite sidebar-shimmer;display:block}
