.create-project-modal-overlay{z-index:10000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.create-project-modal{background:var(--light);border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 10px 40px #0003}.create-project-modal .modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.create-project-modal .modal-header h2{color:var(--foreground);margin:0;font-size:1.25rem;font-weight:600}.create-project-modal .modal-header .close-button{cursor:pointer;color:var(--foreground-subtle);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.create-project-modal .modal-header .close-button:hover:not(:disabled){background-color:rgba(var(--foreground-rgb),.1);color:var(--foreground)}.create-project-modal .modal-header .close-button:disabled{opacity:.5;cursor:not-allowed}.create-project-modal .modal-form{flex:1;padding:24px;overflow-y:auto}.create-project-modal .modal-form .error-message{background-color:rgba(var(--error-rgb),.1);border:1px solid rgba(var(--error-rgb),.3);color:var(--error);border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px;font-size:.875rem;display:flex}.create-project-modal .modal-form .error-message svg{flex-shrink:0}.create-project-modal .modal-form .form-group{margin-bottom:20px}.create-project-modal .modal-form .form-group label{color:var(--foreground);margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.create-project-modal .modal-form .form-group label .required{color:var(--error);margin-left:2px}.create-project-modal .modal-form .form-group input,.create-project-modal .modal-form .form-group select{border:1px solid var(--border-light);background-color:var(--light);width:100%;color:var(--foreground);border-radius:8px;padding:10px 12px;font-size:.9375rem;transition:all .2s}.create-project-modal .modal-form .form-group input:focus,.create-project-modal .modal-form .form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.create-project-modal .modal-form .form-group input:disabled,.create-project-modal .modal-form .form-group select:disabled{opacity:.6;cursor:not-allowed}.create-project-modal .modal-form .form-group input::placeholder,.create-project-modal .modal-form .form-group select::placeholder{color:var(--foreground-subtle)}.create-project-modal .modal-form .form-group select{cursor:pointer}.create-project-modal .modal-form .modal-actions{border-top:1px solid var(--border-light);gap:12px;margin-top:24px;padding-top:20px;display:flex}.create-project-modal .modal-form .modal-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px 20px;font-size:.9375rem;font-weight:500;transition:all .2s}.create-project-modal .modal-form .modal-actions button:disabled{opacity:.6;cursor:not-allowed}.create-project-modal .modal-form .modal-actions .cancel-button{background-color:rgba(var(--foreground-rgb),.05);color:var(--foreground);border:1px solid var(--border-light)}.create-project-modal .modal-form .modal-actions .cancel-button:hover:not(:disabled){background-color:rgba(var(--foreground-rgb),.1)}.create-project-modal .modal-form .modal-actions .submit-button{background-color:var(--primary);color:#fff}.create-project-modal .modal-form .modal-actions .submit-button:hover:not(:disabled){background-color:rgba(var(--primary-rgb),.9);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);transform:translateY(-1px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.create-project-modal{width:95%;max-height:85vh}.create-project-modal .modal-header{padding:16px 20px}.create-project-modal .modal-header h2{font-size:1.125rem}.create-project-modal .modal-form{padding:20px}.create-project-modal .modal-form .form-group{margin-bottom:16px}.create-project-modal .modal-form .modal-actions{flex-direction:column}.create-project-modal .modal-form .modal-actions button{width:100%}}
.user-profile-container{width:100%;margin-bottom:1rem;position:relative}.user-profile-container .user-profile-button{width:100%;color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;transition:all .3s;display:flex;position:relative}.user-profile-container .user-profile-button:hover{background:rgba(var(--primary-rgb),.1)}.user-profile-container .user-profile-button .notification-badge{background-color:var(--error);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.7rem;animation:2s infinite pulse;display:flex;position:absolute;top:.25rem;right:.25rem;box-shadow:0 2px 4px #0003}.user-profile-container .user-profile-button .user-avatar{object-fit:cover;border:2px solid rgba(var(--primary-rgb),.3);border-radius:50%;width:36px;height:36px}.user-profile-container .user-profile-button .user-avatar-placeholder{background:linear-gradient(45deg,rgba(var(--primary-rgb),.5),rgba(var(--secondary-rgb),.5));color:#fff;border:2px solid rgba(var(--primary-rgb),.3);border-radius:50%;justify-content:center;align-items:center;width:36px;height:33.6px;font-size:18px;font-weight:600;display:flex}.user-profile-container .user-profile-button .user-info{flex-direction:column;flex:1;align-items:flex-start;display:flex;overflow:hidden}.user-profile-container .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-container .user-profile-button .user-info .user-role{color:var(--foreground-subtle);font-size:.75rem}.user-profile-container .nav-tooltip{background:var(--background);color:var(--foreground);white-space:nowrap;pointer-events:none;z-index:10;border:1px solid var(--border-light);opacity:1;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;position:absolute;left:70px;transform:translateY(-50%);box-shadow:0 4px 12px #0000001a}@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 #0000004d}[dir=rtl] .user-profile-container .nav-tooltip{left:auto;right:70px}
.notification-badge-container{justify-content:center;align-items:center;display:inline-flex;position:relative}.notification-badge{background:linear-gradient(45deg,var(--primary),var(--secondary));color:#fff;z-index:10;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:1px 4px;font-size:10px;font-weight:700;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 1px 3px #0003}.notification-badge.hidden{opacity:0;pointer-events:none;transform:scale(0)}.notification-badge.visible{opacity:1;transform:scale(1)}.notification-badge.has-text{min-width:18px;height:18px;font-size:9px}@media (max-width:768px){.notification-badge{min-width:14px;height:14px;font-size:9px;top:-6px;right:-6px}}
.secondary-sidebar{background:rgba(var(--light-rgb),.02);border-right:1px solid var(--border-light);z-index:-1;will-change:width;width:240px;padding:1.5rem;transition:width .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1);position:relative;overflow-y:clip}@media screen and (max-width:768px){.secondary-sidebar{z-index:1000;width:100%}}.secondary-sidebar.closed{width:60px;padding:1.5rem .8rem}.secondary-sidebar.closed .nav-separator{justify-content:center}.secondary-sidebar.closed .nav-separator span:not(.notification-badge){display:none}@media screen and (max-width:768px){.secondary-sidebar.closed .nav-separator{display:none}}.secondary-sidebar.closed .section-items .secondary-nav-item{justify-content:center;padding:.5rem}.secondary-sidebar.closed .section-items .secondary-nav-item span:not(.notification-badge){display:none}.secondary-sidebar.closed .section-items .secondary-nav-item.active{padding:.5rem!important}.secondary-sidebar.closed .secondary-sidebar-bottom .user-profile-button{width:60px;height:60px;position:absolute;left:50%;transform:translate(-50%,-50%)}.secondary-sidebar.closed .secondary-sidebar-bottom .user-profile-button .user-info{display:none}.secondary-sidebar.closed .profile-dropdown{width:280px;bottom:100px;right:60px}@media screen and (max-width:768px){.secondary-sidebar.closed .profile-dropdown{z-index:1101;right:.5rem}}.secondary-sidebar .secondary-sidebar-bottom{border-top:1px solid var(--border-light);margin-top:auto;padding-top:1rem;position:relative}@media screen and (max-width:768px){.secondary-sidebar .secondary-sidebar-bottom{border-top:none;padding-top:0}}.secondary-sidebar .secondary-sidebar-bottom .user-profile-button{width:100%;color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;transition:all .3s;display:none}@media screen and (max-width:768px){.secondary-sidebar .secondary-sidebar-bottom .user-profile-button{display:flex}}.secondary-sidebar .secondary-sidebar-bottom .user-profile-button:hover{background:rgba(var(--primary-rgb),.05)}.secondary-sidebar .secondary-sidebar-bottom .profile-dropdown{z-index:1001;background:var(--background);border:1px solid var(--border-light);border-radius:12px;width:280px;max-height:calc(100vh - 120px);position:absolute;bottom:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 4px 20px #00000026}@media screen and (max-width:768px){.secondary-sidebar .secondary-sidebar-bottom .profile-dropdown{width:calc(100% - 2rem);max-height:calc(100vh - 180px);position:fixed;bottom:70px;right:1rem}}.secondary-sidebar .secondary-sidebar-bottom .profile-dropdown .close-button{width:24px;height:24px;color:var(--foreground-subtle);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}[dir=rtl] .secondary-sidebar .secondary-sidebar-bottom .profile-dropdown .close-button{left:20px;right:auto}.secondary-sidebar .secondary-sidebar-bottom .profile-dropdown .close-button:hover{background:rgba(var(--foreground-rgb),.1);color:var(--foreground)}.secondary-sidebar .secondary-sidebar-bottom .profile-dropdown .close-button svg{width:16px;height:16px}.secondary-sidebar .secondary-sidebar-header{position:absolute;top:10px;right:-1.25rem}[dir=rtl] .secondary-sidebar .secondary-sidebar-header{border-radius:0 50% 50% 0;left:-1.2rem;right:auto}@media screen and (max-width:768px){.secondary-sidebar .secondary-sidebar-header{z-index:1002;position:relative;top:.75rem;left:50%;right:0;transform:translate(-50%,-50%)}[dir=rtl] .secondary-sidebar .secondary-sidebar-header{left:50%}}.secondary-sidebar .secondary-sidebar-header .toggle-btn{color:var(--foreground);cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex}.secondary-sidebar .secondary-sidebar-header .toggle-btn svg{transition:transform .3s}[dir=rtl] .secondary-sidebar .secondary-sidebar-header .toggle-btn svg{transform:scaleX(-1)}.secondary-sidebar.closed .secondary-sidebar .secondary-sidebar-header .toggle-btn svg{transform:rotate(180deg)}[dir=rtl] .secondary-sidebar.closed .secondary-sidebar .secondary-sidebar-header .toggle-btn svg{transform:scaleX(-1)rotate(180deg)}@media screen and (max-width:768px){.secondary-sidebar .secondary-sidebar-header .toggle-btn{width:35px;height:35px;padding:0}}.secondary-sidebar .secondary-sidebar-header .toggle-btn:hover{background:#f0f0f0}.secondary-sidebar nav{backface-visibility:hidden;margin-top:1rem;transform:translateZ(0)}.secondary-sidebar .section-container{will-change:auto;margin-bottom:1rem}@media screen and (max-width:768px){.secondary-sidebar .section-container{margin-bottom:0}}.secondary-sidebar .secondary-nav-item{color:var(--foreground);will-change:background-color;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem;font-size:.875rem;text-decoration:none;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);display:flex}.secondary-sidebar .secondary-nav-item:hover{background:rgba(var(--light-rgb),.05)}.secondary-sidebar .secondary-nav-item.active{background:linear-gradient(45deg,rgba(var(--primary-rgb),.1),rgba(var(--secondary-rgb),.1))}.secondary-sidebar .secondary-nav-item .notification-badge{z-index:20;visibility:visible!important;display:flex!important}.secondary-sidebar .secondary-nav-item.disabled{color:var(--foreground-subtle);cursor:not-allowed;pointer-events:auto;opacity:.95;background:0 0}.secondary-sidebar .secondary-nav-item.disabled svg{color:var(--foreground-subtle)}.secondary-sidebar .secondary-nav-item.disabled small.coming-soon{background:rgba(var(--foreground-subtle-rgb),.06);color:var(--foreground-subtle);text-transform:none;white-space:nowrap;border-radius:999px;margin-left:auto;padding:.15rem .5rem;font-size:.7rem;display:none}.secondary-sidebar .secondary-nav-item.disabled:hover{background:rgba(var(--light-rgb),.02)}.secondary-sidebar .secondary-nav-item.disabled:hover small.coming-soon{display:inline-block}.secondary-sidebar .secondary-sidebar.closed .secondary-nav-item.disabled{position:relative}.secondary-sidebar .secondary-sidebar.closed .secondary-nav-item.disabled small.coming-soon{z-index:1002;background:var(--background);border:1px solid var(--border-light);border-radius:6px;padding:.25rem .5rem;display:none;position:absolute;top:50%;left:70px;transform:translateY(-50%);box-shadow:0 6px 16px #0000001f}.secondary-sidebar .secondary-sidebar.closed .secondary-nav-item.disabled:hover small.coming-soon{display:block}.secondary-sidebar .section-items{opacity:1;flex-direction:column;max-height:1000px;transition:max-height .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.secondary-sidebar .section-items.collapsed{max-height:60px;margin:0;overflow:visible}.secondary-sidebar .section-items.collapsed .secondary-nav-item{opacity:0;pointer-events:none;height:0;margin:0;padding:0;transition:height .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),padding .2s cubic-bezier(.4,0,.2,1)}.secondary-sidebar .section-items.collapsed .secondary-nav-item.active{opacity:1;pointer-events:auto;height:auto;padding:.75rem}.secondary-sidebar .nav-separator{cursor:pointer;border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin:15px auto 8px;padding:0 0 8px;transition:opacity .2s cubic-bezier(.4,0,.2,1);display:flex}.secondary-sidebar .nav-separator:hover{opacity:.9}.secondary-sidebar .nav-separator span{text-transform:uppercase;opacity:.9;letter-spacing:.5px;color:#708090;font-size:.875rem;font-weight:600;transition:none}.secondary-sidebar .nav-separator .collapse-toggle{color:var(--foreground);opacity:.6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);display:flex}.secondary-sidebar .nav-separator .collapse-toggle:hover{opacity:1}[data-theme=light] .secondary-sidebar{background:rgba(var(--light-rgb),.8);border-right:1px solid rgba(var(--dark-rgb),.1);box-shadow:0 3px 16px #ddd}[data-theme=light] .secondary-sidebar .secondary-nav-item:hover{background:rgba(var(--primary-rgb),.05)}[data-theme=light] .secondary-sidebar .nav-separator span{opacity:1}[data-theme=dark] .secondary-sidebar{background:rgba(var(--dark-rgb),.07);border-right:1px solid rgba(var(--light-rgb),.1)}[data-theme=dark] .secondary-sidebar .secondary-sidebar-header .toggle-btn{background:#222;border:1px solid #444}[data-theme=dark] .secondary-sidebar .secondary-sidebar-header .toggle-btn:hover{background:#333}[data-theme=dark] .secondary-sidebar .secondary-nav-item:hover{background:rgba(var(--primary-rgb),.1)}[data-theme=dark] .secondary-sidebar .nav-separator{border-bottom:1px solid #32363b}[data-theme=dark] .secondary-sidebar .nav-separator span{opacity:.8}.icon-transition{transition:transform .3s}.rotate-180{transform:rotate(180deg)}