.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:white;border-radius:8px;width:90%;max-width:400px;position:relative}.popup-close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;color:#666}.popup-body{padding:24px}.side-menu{position:fixed;width:var(--sidebar-width);height:100vh;left:0;top:0;z-index:40;overflow-y:auto}.side-menu-logo{display:flex;justify-content:flex-start;padding-left:2.2rem;height:4rem;align-items:center}.side-menu-item{display:flex;align-items:center;padding:.5rem .75rem;margin:.5rem;color:#2b404d;font-weight:600;border-radius:10px;transition:background-color .3s ease;font-size:16px}.side-menu-item:hover{background-color:#ffffff;box-shadow:0 3px 20px rgba(138,138,138,.077);color:#50BFAA}.side-menu-item:visited{background-color:#ffffff;font-weight:600}.side-menu-item.active:hover{background-color:#ffffff;box-shadow:0 3px 20px rgba(138,138,138,.077);color:#50BFAA}.pro-badge{font-size:12px;font-weight:600;margin-top:-.5rem;background-color:#e8fff0;color:#22c55e;padding:2px 5px;border-radius:5px;display:inline-block;margin-left:8px}.side-menu-item.active{font-weight:600;background-color:#ffffff;box-shadow:0 3px 20px rgba(138,138,138,.077);color:#50BFAA}.side-menu-item.active svg{stroke-width:2.5}.side-menu-item svg{stroke-width:2;width:18px;height:18px}.side-menu-separator{height:1px;background-color:#f0f1f5;margin:1rem .75rem}.free-trial-container{background:white;border:none;border-radius:13px;padding:12px 12px 0;margin:16px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);position:relative;overflow:hidden;transition:all .3s ease}.free-trial-container:hover{box-shadow:none;box-shadow:0 1px 3px 0 rgba(0,0,0,.037),0 1px 2px 0 rgba(0,0,0,.04);transform:translateY(-1.5px)}.free-trial-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:13px;padding:1px;background:linear-gradient(90deg,#4bd37d,#bbffd3,#4bdf81);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:all .5s ease}.free-trial-container:hover:before{background:linear-gradient(90deg,#8fffb6,#4bdf81,#8de7ac)}.free-trial-label{font-size:12px;font-weight:600;background-color:#e8fff0;color:#22c55e;padding:2px 5px;border-radius:5px;display:inline-block;margin-bottom:10px}.free-trial-text{font-size:14px;font-weight:500;display:flex;justify-content:space-between;color:#3d5663;margin-top:.5rem;margin-bottom:12px}.second-button{background:transparent;border:1px solid #22c55e;color:#22c55e;padding:5px 10px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease}.second-button:hover{background:rgba(34,197,94,.1)}.profile-submenu{position:absolute;bottom:100%;left:0;right:0;background-color:white;border-radius:15px;box-shadow:0 3px 30px rgba(138,138,138,.1);margin:0 .5rem .5rem;overflow:hidden;transition:all .2s ease}.profile-submenu-item{display:flex;align-items:center;width:100%;padding:.75rem 1rem;font-size:14px;color:#2b404d;transition:all .2s ease;text-align:left}.profile-submenu-item:hover{background-color:#f3f7f964;color:#50BFAA}.profile-submenu-item img,.profile-submenu-item:hover img{opacity:1}.profile-submenu-item.logout:hover{background-color:#fff1f148;color:#ff3e3e}.profile-submenu-item.logout{border-top:1px solid #e3ebf0;margin-top:4px;padding-top:12px}.mobile-header{display:none;top:0;left:0;right:0;height:60px;background:#f3f7f9;z-index:50}.mobile-header-content{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;height:100%}.mobile-profile-button{padding:0;background:none;border:none}.profile-submenu-mobile{position:absolute;top:100%;right:0;width:200px;background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin-top:.5rem;z-index:10000}@media (max-width:767px){.mobile-header{display:block}.side-menu{display:none}}.bottom-menu{display:none;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #eee;padding:8px 0;z-index:50}.bottom-menu-container{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:600px;margin:0 auto;padding:0 16px}.bottom-menu-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:#666}.bottom-menu-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.bottom-menu-icon.create{background:#304e5d;border-radius:50%;padding:12px;margin-top:-20px;width:48px;height:48px}.bottom-menu-text{font-size:12px;font-weight:700}.bottom-menu-item.active,.bottom-menu-item:not(.create-button) .bottom-menu-text.active{color:#22c55e!important}@media (max-width:767px){.bottom-menu{display:block}.main-content{padding-bottom:80px}}