.sidebar{width:var(--sidebar-width);height:calc(100vh - var(--header-height, 80px));background:linear-gradient(180deg,rgba(10,10,15,.98),rgba(15,15,25,.98) 30%,rgba(20,20,30,.98) 70%,rgba(10,10,15,.98));border-right:1px solid rgba(0,200,255,.3);display:flex;flex-direction:column;transition:all .4s cubic-bezier(.23,1,.32,1);position:fixed;margin-top:var(--header-height,82px);bottom:0;left:0;z-index:20;overflow-x:hidden;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:4px 0 25px rgba(0,0,0,.4),inset -1px 0 0 rgba(255,255,255,.1),inset 1px 0 0 rgba(0,200,255,.1)}.sidebar.collapsed{width:10rem}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00c8ff 20%,#0080ff 40%,#8000ff 60%,#ff0080 80%,transparent);animation:sidebarPulse 4s ease-in-out infinite}@keyframes sidebarPulse{0%,to{opacity:.6;transform:translateX(-20%)}50%{opacity:1;transform:translateX(20%)}}.sidebar-header{display:none}.logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-color);overflow:hidden}.logo-icon{display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:white;border-radius:var(--radius-md);font-weight:700}.logo-icon,.logo-icon-img{width:2rem;height:2rem;flex-shrink:0}.logo-icon-img{object-fit:contain}.logo-text{font-size:1.125rem;font-weight:600;white-space:nowrap;margin:0}.collapse-btn{display:none}.sidebar-content{flex:1 1;overflow-y:auto;padding:1.25rem 0}.nav-section{margin-bottom:2rem}.nav-title{font-size:.75rem;font-weight:600;text-transform:uppercase;color:rgba(255,255,255,.5);padding:0 1.5rem;margin-top:.75rem;margin-bottom:.75rem;letter-spacing:.05em}.current-plan-badge{margin:0 1.5rem 1rem;padding:.375rem .75rem;background-color:var(--background-color);border-radius:var(--radius-md);font-size:.75rem;color:var(--text-color);display:inline-block}.current-plan-badge span{font-weight:600;color:var(--primary-color)}.nav-list{list-style:none;padding:0;margin:0}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;color:rgba(255,255,255,.7);text-decoration:none;font-weight:500;transition:all .2s ease-in-out;border:none;background:none;position:relative;border-radius:6px;margin:.25rem 1rem;cursor:pointer;white-space:nowrap}.sidebar.collapsed .nav-link{padding:.625rem;justify-content:center;margin:.25rem .5rem}.nav-link:hover:not(.active){background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.9);text-decoration:none}.nav-link.active{background-color:var(--primary-color,#6366f1);color:white;font-weight:600}.nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-text{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-badge{background-color:rgba(99,102,241,.2);color:var(--primary-color,#6366f1);border:1px solid var(--primary-color,#6366f1);border-radius:9999px}.nav-badge,.prompt-limit-badge{font-size:.75rem;padding:.125rem .375rem;min-width:1.5rem;text-align:center;font-weight:600}.prompt-limit-badge{background-color:rgba(147,51,234,.2);color:#9333ea;border:1px solid #9333ea;border-radius:9999px}.sidebar-footer{padding:1.25rem;border-top:1px solid var(--border-color)}.upgrade-banner{background-color:rgba(99,102,241,.1);border-radius:var(--radius-md);padding:1rem;display:flex;align-items:center;gap:.75rem}.upgrade-banner svg{color:var(--primary-color)}.upgrade-text{flex:1 1}.upgrade-text h3{font-size:.875rem;font-weight:600;margin:0 0 .25rem}.upgrade-text p{font-size:.75rem;color:var(--text-light);margin:0}.upgrade-btn{background-color:var(--primary-color);color:white;border:none;padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.upgrade-btn:hover{background-color:var(--primary-hover)}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:var(--sidebar-width)}.sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed{transform:translateX(-100%)}}.layout-wrapper{display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(2,2,8,1),rgba(4,4,12,1) 25%,rgba(8,8,16,1) 50%,rgba(6,6,14,1) 75%,rgba(2,2,8,1));position:relative}.layout-wrapper:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(0,100,255,.02) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(150,0,255,.02) 0,transparent 50%),radial-gradient(circle at 50% 10%,rgba(0,255,150,.01) 0,transparent 60%);animation:ambientGlow 30s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes ambientGlow{0%,to{opacity:.3}33%{opacity:.6}66%{opacity:.4}}.main-layout{display:flex;flex:1 1;background:#000000;position:relative;z-index:1}.main-content{flex:1 1;margin-left:calc(var(--sidebar-width) - 9rem);transition:margin-left .3s ease;display:flex;flex-direction:column;padding-top:0}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.page-content{flex:1 1;margin:0;padding:0;max-width:100%;position:relative;z-index:1;background:transparent}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:15;display:none}.overlay.active{display:block}.auth-layout{display:flex;flex-direction:column;flex:1 1;background:transparent;position:relative;z-index:1}.auth-content{flex:1 1;display:flex;align-items:center;justify-content:center;padding:.5rem}@media (max-width:768px){.main-content,.main-content.sidebar-collapsed{margin-left:0}.page-content{padding:1rem}}