.app-container{height:100dvh;width:100dvw;background:var(--gradient-bg)}.app-container,.sidebar{display:flex;overflow:hidden}.sidebar{width:100vw;height:60px;background:var(--bg-surface);box-shadow:var(--shadow-md);position:fixed;top:0;left:0;right:0;z-index:1001;flex-direction:row;padding:0;border:2px solid var(--border-primary);border-bottom-color:var(--border-accent);align-items:center}.sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="1.2" numOctaves="2" stitchTiles="stitch"/></filter><rect width="60" height="60" fill="black"/><rect width="60" height="60" filter="url(%23noise)" opacity="0.32"/></svg>');background-size:120px 120px;z-index:2}.main-content{flex-grow:1;overflow-y:auto;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;background:var(--gradient-bg);color:var(--text-secondary);margin-top:60px;min-width:0;width:100vw;height:calc(100dvh - 60px)}.sidebar-vertical{height:100%;align-items:center}.sidebar-top,.sidebar-vertical{display:flex;flex-direction:row;width:100%;gap:12px}.sidebar-top{margin-top:0;justify-content:center}.sidebar-mobile{display:none}.sidebar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:10px 16px;background:none;color:var(--accent-primary);font-family:Oswald,Arial,Helvetica,sans-serif;font-size:1.1rem;cursor:pointer;border-radius:12px;border:1.5px solid transparent;box-shadow:none;transition:background .15s,color .15s,border-color .15s;position:relative;text-align:center;overflow:visible;margin-right:10px;margin-left:10px}.sidebar-label{position:relative;display:inline-block;padding-bottom:6px}.sidebar-label:after{content:"";display:block;position:absolute;left:50%;bottom:0;width:0;height:3px;background:var(--gradient-accent);border-radius:2px;opacity:0;transform:translateX(-50%) scaleX(.2);transition:width .22s cubic-bezier(.4,0,.2,1),opacity .18s,transform .22s cubic-bezier(.4,0,.2,1);z-index:2}.sidebar-btn.active .sidebar-label:after,.sidebar-btn:hover .sidebar-label:after{width:100%;opacity:1;transform:translateX(-50%) scaleX(1)}.sidebar-btn.active{background:var(--bg-card);box-shadow:inset 0 2px 8px rgba(0,0,0,.1)}.sidebar-btn.active,.sidebar-btn:hover{color:var(--accent-primary);border-color:transparent}.sidebar-btn:hover{background:none;box-shadow:none}.sidebar-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;filter:none;transition:color .15s,stroke .15s;margin-top:4px}.sidebar-btn.active .sidebar-icon,.sidebar-icon,.sidebar-icon.active{color:var(--accent-primary)}.sidebar-btn.active .sidebar-icon svg rect[fill="#fff"]{fill:var(--success)!important}.sidebar-icon svg{width:100%;height:100%;display:block;stroke:currentColor;stroke-width:2px;fill:none}.sidebar-label{margin:4px 0;font-size:.95rem;color:var(--text-light);letter-spacing:.5px;font-family:Oswald,Arial,Helvetica,sans-serif;font-weight:400;transition:color .15s;text-align:center}.sidebar-btn.active .sidebar-label{color:var(--accent-gold)}.sidebar-btn-cabinet{margin-top:0;margin-bottom:0;height:auto;background:none;border-radius:12px;position:absolute;margin-right:20px;right:0;width:auto;border:1.5px solid transparent;box-shadow:none}.sidebar-btn-cabinet .sidebar-label,.sidebar-btn-cabinet.active .sidebar-label{color:var(--accent-primary)}.sidebar-btn-center{display:none;outline:none}.sidebar-desktop-only{display:flex;flex-direction:row;gap:12px;width:auto}.sidebar-fab-menu{display:none}@media (max-width:700px){.main-content{margin-left:0;padding-bottom:60px;height:100dvh;margin-top:0!important}.sidebar{width:100vw!important;height:60px!important;padding:0!important;box-shadow:var(--shadow-sm)!important;display:block!important;position:fixed!important;left:0;right:0;bottom:0;top:auto;top:unset;background:var(--bg-surface)!important;z-index:1002;border-top:2px solid var(--accent-secondary);border:none!important}.sidebar-vertical{display:none!important}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-dark);z-index:1000;opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{to{opacity:1}}.sidebar-mobile{display:flex!important;flex-direction:row;width:100vw;height:60px;align-items:stretch;justify-content:center;position:fixed;left:0;right:0;bottom:0;top:auto;background:var(--bg-surface);box-shadow:var(--shadow-sm);z-index:1002;padding:0;border-top:2px solid var(--accent-secondary)}.sidebar-mobile .sidebar-btn,.sidebar-mobile .sidebar-btn-cabinet,.sidebar-mobile .sidebar-btn-center{flex:1 1 0;margin:0;border-radius:0;min-height:unset;gap:1px;padding:0!important;width:auto;min-width:0;max-width:none;justify-content:center;align-items:center;height:60px;box-sizing:border-box;text-align:center;position:relative;background:none;border:none!important;outline:none!important;box-shadow:none!important;color:var(--accent-primary);font-size:1.01rem;font-family:Oswald,Arial,Helvetica,sans-serif;font-weight:500;text-shadow:0 1px 0 var(--bg-surface),0 0 2px var(--accent-secondary);transition:color .15s,text-shadow .15s}.sidebar-btn-home{order:1}.sidebar-btn-center{order:2}.sidebar-btn-cabinet{order:3}.sidebar-label{font-size:11px;color:var(--accent-primary);text-shadow:0 1px 0 var(--bg-surface),0 0 2px var(--accent-secondary)}.sidebar-icon{width:22px;height:22px;color:var(--accent-primary);filter:none}.sidebar-btn-center{display:flex!important;background:transparent!important;border:none!important;outline:none!important;justify-content:center;align-items:center;width:100%;height:60px;margin:0;padding:0;position:relative;z-index:1003;box-shadow:none!important}.sidebar-btn-center,.sidebar-btn-center:active,.sidebar-btn-center:focus,.sidebar-btn-center:focus-visible,.sidebar-mobile .sidebar-btn-center,.sidebar-mobile .sidebar-btn-center:active,.sidebar-mobile .sidebar-btn-center:focus,.sidebar-mobile .sidebar-btn-center:focus-visible{outline:none!important;background:none!important;box-shadow:none!important;border:none!important}.sidebar-btn-center .sidebar-burger{width:48px;height:48px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border-primary);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:0 auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:box-shadow .22s,border-color .22s;outline:none!important}.sidebar-btn-center.open .sidebar-burger,.sidebar-btn-center:active .sidebar-burger,.sidebar-btn-center:focus .sidebar-burger{box-shadow:0 4px 24px rgba(255,224,102,.35);border-color:var(--accent-secondary);outline:none!important}.sidebar-burger span{display:block;width:28px;height:4px;background:var(--accent-primary);border-radius:2px;box-shadow:0 0 4px rgba(255,224,102,.35);transition:all .25s}.sidebar-btn-center.open .sidebar-burger span:first-child{transform:translateY(10px) rotate(45deg)}.sidebar-btn-center.open .sidebar-burger span:nth-child(2){opacity:0}.sidebar-btn-center.open .sidebar-burger span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.sidebar-fab-menu{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:60px;background:var(--bg-card);border-radius:0;box-shadow:var(--shadow-xl),inset 0 1px 0 var(--border-primary);padding:0;gap:0;min-width:0;z-index:1001;opacity:0;pointer-events:none;transform:translateY(100%);transition:opacity .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1);border-top:2px solid var(--accent-secondary)}.sidebar-fab-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.sidebar-fab-close,.sidebar-fab-header,.sidebar-fab-header h3{display:none}.sidebar-fab-link{background:var(--bg-card);border:none;color:var(--accent-primary);font-size:1.1em;font-weight:500;text-align:center;padding:20px 24px;border-radius:0;cursor:pointer;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:16px;position:relative;overflow:hidden;border-bottom:1px solid var(--border-primary);text-shadow:0 1px 0 var(--bg-surface),0 0 2px var(--accent-secondary)}.sidebar-fab-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,224,102,.2),transparent);transition:left .5s}.sidebar-fab-link:hover:before{left:100%}.sidebar-fab-link .sidebar-icon{margin:0;width:24px;height:24px;color:var(--accent-primary);filter:none;transition:transform .25s,color .25s,filter .25s}.sidebar-fab-link.active,.sidebar-fab-link:hover{color:var(--accent-primary);background:#202227;border-bottom-color:var(--accent-secondary);box-shadow:inset 0 0 0 1px rgba(199,247,8,.13);text-shadow:0 1px 0 var(--bg-surface),0 0 2px var(--accent-secondary)}.sidebar-fab-link.active .sidebar-icon,.sidebar-fab-link:hover .sidebar-icon{color:var(--accent-primary);filter:none;transform:scale(1.1)}}