.sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:499;animation:fadeIn .3s ease-in-out;transition:opacity .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{position:fixed;top:0;left:-100%;width:90vw;max-width:450px;height:100vh;background:#171717d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid rgba(255,255,255,.1);box-shadow:-4px 0 24px #00000080,0 0 0 1px #ffffff0d inset;color:#f2f2f2;padding:0;transition:left .35s cubic-bezier(.4,0,.2,1);z-index:500;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}@media (min-width: 768px){.sidebar{width:400px;max-width:450px}}.sidebar.open{left:0;animation:slideIn .35s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{left:-100%}to{left:0}}.sidebar-header{padding:1.25rem 1.5rem;position:sticky;top:0;z-index:10;background:#171717e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0003}.sidebar-title{color:#f2f2f2;font-family:Rubik,sans-serif;font-weight:600;margin:0}.close-button{color:#f2f2f2;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;padding:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#ffffff1a;border-color:#fff3;transform:scale(1.05)}.close-button:focus{outline:2px solid rgba(255,152,0,.5);outline-offset:2px}.sidebar-content{padding:1.5rem;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,152,0,.3) transparent}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:#ff98004d;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#ff980080}.quick-links-section{margin-bottom:1.5rem;margin-top:0;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1.25rem}.quick-link-item{width:100%;margin-bottom:.75rem}.quick-link-menu-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:all .2s ease;text-decoration:none;width:100%}.quick-link-menu-item:hover{background:#ffffff14;border-color:#ff98004d;transform:translate(4px)}.quick-link-menu-item.active{background:linear-gradient(135deg,#ff980026,#ff980040);border-color:#ff980066;border-left:3px solid rgba(255,152,0,.8);color:#ffc878}.quick-link-icon{color:#ff9800e6;flex-shrink:0}.quick-link-label{color:#f2f2f2;font-weight:500;margin:0}.quick-link-description{color:#fff9;margin:0;font-size:.75rem}.section-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ea580c80,#ea580ca6);border:1px solid rgba(234,88,12,.5);color:#f2f2f2;padding:1.125rem 2rem;min-height:3.25rem;border-radius:10px;cursor:pointer;width:100%;margin-top:1rem;transition:all .2s ease;gap:1rem}.section-header:hover{background:linear-gradient(135deg,#ea580ca6,#ea580ccc);border-color:#ea580ca6;transform:translateY(-1px);box-shadow:0 4px 12px #ea580c66}.section-header:focus{outline:2px solid rgba(255,152,0,.5);outline-offset:2px}.section-icon{color:#ffc878;flex-shrink:0;margin-right:1rem;margin-left:1.25rem}.section-chevron{color:#ffc878}.section-title{font-size:.9375rem;font-weight:600;margin:0;color:#f2f2f2;flex:1;text-align:left}.section-chevron{flex-shrink:0;margin-left:1rem;margin-right:1rem;display:flex;align-items:center;color:#ffc878}.section-items{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-top:none;width:100%;margin-bottom:1.5rem;margin-top:0;border-radius:0 0 10px 10px;padding:.5rem 0;overflow:hidden}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#ffffffd9;width:calc(100% - 1rem);max-width:calc(100% - 1rem);text-decoration:none;position:relative;margin:.25rem .5rem;box-sizing:border-box}.menu-item:hover{background:#ffffff14;color:#f2f2f2;transform:translate(4px)}.menu-item:focus{outline:2px solid rgba(255,152,0,.5);outline-offset:2px;background:#ffffff0d}.menu-item.active{background:linear-gradient(90deg,#ff980026,#ff980040);border-left:3px solid rgba(255,152,0,.8);color:#ffc878;font-weight:500}.menu-icon{color:#ea580cd9;flex-shrink:0;transition:color .2s ease}.menu-item:hover .menu-icon{color:#ea580c}.menu-item.active .menu-icon{color:#ffc878}.menu-label{flex-grow:1;font-size:.875rem;margin:0;text-align:left}.sidebar-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;margin-top:2rem;padding-bottom:1rem}.logout-button{width:100%;margin-top:1rem}.auth-buttons{display:flex;flex-direction:column;gap:.75rem}.auth-button{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.auth-button:hover{background:#ffffff1a;border-color:#ff98004d}.signup-button{background:linear-gradient(135deg,#ff980033,#ff98004d);border-color:#ff98004d}.signup-button:hover{background:linear-gradient(135deg,#ff98004d,#ff980066);border-color:#ff980066}@media (max-width: 767px){.sidebar{width:90vw;max-width:380px}.sidebar-content{padding:1.25rem}.menu-item{padding:.875rem 1rem}}.menu-item:focus-visible,.section-header:focus-visible,.close-button:focus-visible{outline:2px solid rgba(255,152,0,.6);outline-offset:2px;border-radius:6px}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}