@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");.mobile-hamburger-menu{display:none;position:fixed;top:.75rem;right:0;z-index:1001;width:40px;height:40px;border-radius:50%;background-color:transparent;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:var(--text-primary);transition:all .2s ease-in-out}.mobile-hamburger-menu:hover{background-color:transparent;box-shadow:none;transform:translateY(-1px)}@media (max-width:768px){.mobile-hamburger-menu{display:block;transition:all .3s ease}.mobile-menu-open~.mobile-hamburger-menu,.sidebar-mobile.mobile-menu-open+.mobile-hamburger-menu,body:has(.sidebar-mobile.mobile-menu-open) .mobile-hamburger-menu{display:none!important}.sidebar-mobile.mobile-menu-open .sidebar-header:after{content:"";font-family:react-icons;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:transparent;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:var(--text-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:26px}.sidebar-mobile .sidebar-header{display:flex;align-items:center;justify-content:flex-start;padding:.5rem 1rem!important;position:relative}.sidebar-mobile .logo-container-expanded{display:flex;justify-content:flex-start;width:calc(100% - 50px)}.sidebar-mobile .logo-container-expanded img{height:60px;width:auto;min-height:unset!important;min-width:unset!important;margin:0;display:block}.sidebar-mobile{transition:width .3s ease;height:100vh;overflow-y:auto;box-shadow:-2px 0 10px rgba(0,0,0,.1)}.sidebar-mobile,.sidebar-mobile .bottom-section,.sidebar-mobile .sidebar-header,.sidebar-mobile .sidebar-nav,.sidebar-mobile .sidebar-nav-collapsed{background-color:var(--sidebar-bg)}.sidebar-mobile .user-profile-container{background:transparent;border:none;box-shadow:none;margin:0;padding:.75rem 1rem;border-radius:0}.sidebar-mobile .user-profile-container:hover{background:none;box-shadow:none}.sidebar-mobile .user-profile{justify-content:flex-start;gap:.75rem}.sidebar-mobile .user-menu-trigger{margin-left:auto}.sidebar-mobile .user-info,.sidebar-mobile .user-name{display:block;color:var(--text-primary);font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.sidebar-mobile .upgrade-button{background:linear-gradient(135deg,#6e3ea9,#c70549 50%,#d43cb8);justify-content:flex-start}.mobile-menu-open{width:250px!important}.mobile-menu-open:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:-1}.sidebar-mobile .nav-item{justify-content:flex-start;padding:.75rem 1rem}.sidebar-mobile .nav-icon{margin-right:.75rem}.sidebar-mobile .notification-count,.sidebar-mobile .upgrade-content{display:flex}}.sidebar{height:100%;background-color:#ffffff;border-right:1px solid rgba(229,232,235,.8);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 1px 3px rgba(0,0,0,.02);font-family:DM Sans,sans-serif;display:flex;flex-direction:column}.sidebar-expanded{width:12rem}.sidebar-collapsed{width:4rem;padding:0 3px}.sidebar-header{background-color:var(--bg-secondary)}.sidebar-collapsed .sidebar-header{padding:.5rem}.sidebar-expanded .sidebar-header{overflow:hidden;line-height:0;font-size:0}@media (max-width:768px){.sidebar-mobile .sidebar-header{background-color:var(--sidebar-bg)}}.logo-container-expanded{padding:0!important;margin:0!important;display:block;line-height:0;font-size:0}.logo-container-expanded img{height:120px;width:120px;min-height:111px!important;min-width:111px!important;display:block;margin-left:13px;margin-top:-30px}.logo-container-collapsed{text-align:left}.logo-container-collapsed img{min-height:42px;min-width:42px;height:42px;width:42px}.toggle-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:all .2s ease;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);position:absolute;right:-12px;top:50%;transform:translateY(-50%);box-shadow:0 1px 4px rgba(0,0,0,.06);cursor:pointer}.toggle-button:hover{background-color:var(--button-hover);border-color:var(--border-color)}.toggle-button-collapsed{width:24px;height:24px;right:-12px}.sidebar-nav{padding:0 .75rem;padding-top:0!important;flex:1;overflow-y:auto}.sidebar-nav-collapsed{padding:1rem .5rem;flex:1;overflow-y:auto}.sidebar-nav-expanded{padding:0 .75rem!important;flex:1;overflow-y:auto}.nav-items{display:flex;flex-direction:column;gap:0}.nav-item{display:flex;align-items:center;padding:.5rem .7rem!important;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .25s ease;text-decoration:none;cursor:pointer;letter-spacing:-.01em}.nav-item-collapsed{justify-content:center;padding:.6rem .4rem}.nav-item-active{background-color:rgba(219,39,119,.08);color:#db2777;box-shadow:0 1px 3px rgba(219,39,119,.04);font-weight:600}.nav-item-inactive{color:#4b5563;font-weight:500}.nav-item-inactive:hover{background-color:var(--button-hover)}:root[class~=dark] .nav-item-inactive:hover{background-color:#2a2a2b;color:var(--text-primary)}.nav-icon{height:1.125rem;width:1.125rem;transition:color .25s ease;stroke-width:2px}.nav-icon-active{color:#db2777;filter:drop-shadow(0 1px 1px rgba(219,39,119,.2))}.nav-icon-inactive{color:#6b7280}.nav-icon-margin{margin-right:.75rem}.projects-section{position:relative;margin-top:0;padding-top:.4rem}.projects-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all .25s ease;background:transparent;border:none;cursor:pointer;text-align:left;letter-spacing:-.01em}.projects-button:hover{background-color:var(--button-hover);color:var(--text-primary)}:root[class~=dark] .projects-button:hover{background-color:#2a2a2b;color:var(--text-primary)}.projects-button-collapsed{justify-content:center;padding:.6rem .4rem}.projects-dropdown-item:last-child{margin-bottom:0}.chevron-icon{height:1.1rem;width:1.1rem;color:var(--text-secondary);transform:rotate(0deg);transition:transform .3s ease}.chevron-icon-rotated{transform:rotate(180deg)}.bottom-section{margin-top:auto;padding:.25rem .45rem;display:flex;flex-direction:column;gap:.2rem}.sidebar-divider{height:1px;background-color:var(--border-color);margin:.1rem 0}.bottom-nav{display:flex;flex-direction:column;gap:0;width:100%}.bottom-nav .nav-item,.help-button,.logout-button{width:100%;display:flex;align-items:center;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .25s ease;text-decoration:none;margin:0;letter-spacing:-.01em}.sidebar-collapsed .bottom-nav .nav-item,.sidebar-collapsed .help-button,.sidebar-collapsed .logout-button{justify-content:center;padding:.5rem}.help-button,.help-button-collapsed,.logout-button,.logout-button-collapsed{height:auto;margin:0}.user-profile-container{position:relative;margin:.75rem .75rem .25rem;padding:.2rem .75rem;background:var(--border-color);border-radius:.75rem;color:var(--text-primary);transition:all .3s ease}.user-profile-container:hover{box-shadow:0 6px 16px rgba(219,39,119,.2)}.user-profile{justify-content:space-between;min-height:40px}.user-avatar,.user-profile{display:flex;align-items:center}.user-avatar{width:2.25rem;height:2.25rem;border-radius:1.125rem;background:linear-gradient(135deg,#db2777,#ff8c38);justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0;color:white;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:1.125rem}.user-profile-container:hover .user-avatar{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.35)}.user-info,.user-name{display:none}.user-menu-trigger{width:1.75rem;height:1.75rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.15);color:var(--text-primary);cursor:pointer;transition:all .2s ease;padding:0}.user-menu-trigger:hover{background:rgba(0,0,0,.15);border-color:rgba(0,0,0,.25);transform:translateY(-1px)}:root[class~=dark] .user-menu-trigger{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:white}:root[class~=dark] .user-menu-trigger:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25)}.user-menu{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%);background:var(--bg-secondary);border-radius:.75rem;padding:.25rem;box-shadow:0 4px 24px rgba(0,0,0,.15);border:1px solid var(--border-color);z-index:50;min-width:160px;transform-origin:bottom center;animation:menuAppear .2s ease forwards}.user-menu-item{display:flex;align-items:center;gap:.25rem;width:100%;padding:.375rem .5rem;border:none;background:none;color:var(--text-primary);font-size:.75rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease;line-height:1;white-space:nowrap;letter-spacing:-.01em;font-family:DM Sans,sans-serif}.user-menu-item:hover{background:var(--button-hover)}.user-menu-item svg{width:1rem;height:1rem;flex-shrink:0;opacity:.9}.sidebar-collapsed .user-menu{bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%);min-width:150px;transform-origin:bottom center;animation:menuAppear .2s ease forwards}.user-menu:before{content:"";position:absolute;width:10px;height:10px;background:var(--bg-secondary);transform:rotate(45deg);z-index:-1;bottom:-5px;left:50%;margin-left:-5px;border:1px solid var(--border-color);border-top:none;border-left:none}@keyframes menuAppear{0%{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.user-menu-divider{height:1px;margin:.125rem 0;background-color:var(--border-color)}.user-menu-item.danger{color:#ef4444}.user-menu-item.danger:hover{background-color:rgba(239,68,68,.08)}.sidebar-collapsed .user-profile-container{padding:.375rem;margin:.375rem .375rem .25rem;background:none;border-radius:50%;box-shadow:none}.sidebar-collapsed .user-profile{justify-content:center;min-height:unset}.sidebar-collapsed .user-avatar{width:2rem;height:2rem;border-radius:50%;font-size:.75rem;margin:0;position:relative;padding:2px;background:linear-gradient(135deg,#fc167d,#ff3895);cursor:pointer}.sidebar-collapsed .user-avatar:after{content:""}.sidebar-collapsed .user-avatar span,.sidebar-collapsed .user-avatar:after{position:absolute;inset:2px;background:var(--bg-secondary);border-radius:50%}.sidebar-collapsed .user-avatar span{z-index:1;display:flex;align-items:center;justify-content:center;color:#fc167d}.sidebar-collapsed .user-avatar-button{padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.sidebar-collapsed .user-profile-container:hover .user-avatar{background:linear-gradient(135deg,#fc167d,#ff3895);border-color:transparent}.sidebar-collapsed .user-menu-trigger{display:none}.sidebar-collapsed .user-avatar img{position:relative;z-index:1;border-radius:50%;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:cover;margin:2px}.sidebar-collapsed .user-profile-container:hover{box-shadow:none}.sidebar-collapsed .projects-section{position:relative}@keyframes menuAppearRight{0%{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}.upgrade-button{background:linear-gradient(135deg,#6e3ea9,#c70549 50%,#d43cb8);border:none;margin-bottom:0!important;display:flex;align-items:center;transition:all .25s ease;color:white;box-shadow:0 2px 6px rgba(219,39,119,.25)}.upgrade-button:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(219,39,119,.3);background:linear-gradient(135deg,#6e3ea9,#ae062e 50%,#d43cb8)}.upgrade-button .nav-icon,.upgrade-button:hover .nav-icon{color:white}.upgrade-content{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.upgrade-text{font-weight:600;font-size:.875rem;color:white}.plan-type{font-size:.65rem;color:rgba(255,255,255,.85);opacity:.9}.sidebar-collapsed .upgrade-button{justify-content:center;margin-bottom:0!important}.sidebar-expanded .upgrade-button{margin-bottom:0!important}.sidebar-collapsed .upgrade-button .nav-icon{margin-right:0}.sidebar-expanded .sidebar-header{padding:0!important;margin:0!important}.mobile-close-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:transparent;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:var(--text-primary)}.sidebar-mobile.mobile-menu-open .sidebar-header:after{display:none}.notification-badge{padding:2px 6px;font-size:.75rem;font-weight:500;line-height:1;margin-left:auto}.notification-badge,.notification-badge-collapsed{background-color:#db2777;color:#ffffff;border-radius:9999px}.notification-badge-collapsed{position:absolute;top:-15px;right:-10px;min-width:14px;height:14px;font-size:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--sidebar-bg);padding:0 2px;z-index:2}.notification-menu-item{position:relative;margin-top:24px!important}.bell-icon-container{position:relative;display:inline-block}.notification-count{display:flex;align-items:center;justify-content:space-between;width:100%}:root{--bg-primary:#ffffff;--bg-secondary:#ededed;--text-primary:#111827;--text-primary-rgb:17,24,39;--text-secondary:#4b5563;--border-color:rgba(229,232,235,0.8);--sidebar-bg:#ffffff;--sidebar-border:rgba(229,232,235,0.8);--sidebar-hover:rgba(249,250,251,0.9);--card-bg:#ffffff;--card-border:rgba(229,232,235,0.8);--button-hover:#f3f4f6;--input-bg:#fbfbfb;--input-border:rgba(215,215,215,0.8);--scrollbar-thumb:rgba(219,39,119,0.5);--scrollbar-thumb-hover:rgba(219,39,119,0.8);--scrollbar-track:#f3f4f6;--dashed-button:#9e9e9e;--modal-backdrop-bg:rgba(17,24,39,0.6);--modal-shadow:0 10px 25px rgba(0,0,0,0.1),0 5px 10px rgba(0,0,0,0.04)}:root[class~=dark]{--bg-primary:#18181c;--bg-secondary:#1c1c20;--text-primary:#ffffff;--text-primary-rgb:255,255,255;--text-secondary:#c5c5d2;--border-color:rgba(32,33,35,0.5);--sidebar-bg:#1a1b22;--sidebar-border:rgba(32,33,35,0.5);--sidebar-hover:rgba(52,53,65,0.7);--card-bg:#18181e;--card-border:rgba(32,33,35,0.5);--button-hover:#232324;--input-bg:#9a9a9a;--input-border:rgba(32,33,35,0.5);--scrollbar-thumb:rgba(219,39,119,0.5);--scrollbar-thumb-hover:rgba(219,39,119,0.8);--scrollbar-track:#1a1b22;--dashed-button:#22262b;--modal-backdrop-bg:rgba(0,0,0,0.7);--modal-shadow:0 10px 25px rgba(0,0,0,0.3),0 5px 10px rgba(0,0,0,0.2)}.dashboard-container,.dashboard-layout{background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden}.dashboard-container{padding:0;margin:0}.dashboard-content-wrapper{overflow:hidden;height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px;transition:background-color .3s ease}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.sidebar,.sidebar-header{background-color:var(--sidebar-bg);border-color:var(--sidebar-border)}.nav-item-inactive{color:var(--text-secondary)}.nav-item-inactive:hover{background-color:var(--sidebar-hover);color:var(--text-primary)}.bottom-section{background-color:var(--sidebar-bg);border-color:var(--sidebar-border)}.card{background-color:var(--card-bg);border-color:var(--card-border)}.settings-container{background-color:var(--bg-primary)}.settings-container,.settings-title{color:var(--text-primary)}.settings-description{color:var(--text-secondary)}.settings-panel{background-color:var(--bg-secondary);border-color:var(--border-color)}.form-label{color:var(--text-primary)}.data-container{background-color:var(--bg-primary)}.data-title{color:var(--text-primary)}.data-description{color:var(--text-secondary)}.data-table th,.data-table-container{background-color:var(--bg-secondary);border-color:var(--border-color)}.data-table td,.data-table th{color:var(--text-primary)}.data-table td{border-color:var(--border-color)}.btn{color:var(--text-primary);background-color:var(--bg-secondary)}.btn:hover{background-color:var(--button-hover)}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}