.app-container{background-color:#f5f7fa;min-height:100vh;display:flex}.sidebar-backdrop{z-index:999;background-color:#00000080;animation:.3s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{z-index:1000;background-color:#0e1733;flex-direction:column;width:240px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:4px 0 24px #00000026}.sidebar.collapsed{transform:translate(-100%)}.sidebar-logo{justify-content:center;align-items:center;padding:24px 20px;display:flex}.logo-container{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.logo-image{object-fit:contain;max-width:105px;height:auto}.logo-text{color:#ddd;letter-spacing:.64px;text-align:center;font-size:16px}.sidebar-menu{flex:1;padding:12px 0;overflow:hidden auto}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:0 0}.sidebar-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.menu-item-wrapper{margin-bottom:4px}.menu-item{color:#ffffffb3;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:12px;height:44px;margin:0 12px;padding:10px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.menu-item:hover{color:#fffffff2;background-color:#ffffff14;transform:translate(4px)}.menu-item.active{color:#fff;background:linear-gradient(135deg,#4f7cff 0%,#3b5fe8 100%);box-shadow:0 4px 16px #4f7cff66}.menu-item.active:hover{transform:translate(0);box-shadow:0 6px 20px #4f7cff80}.menu-item .material-symbol{flex-shrink:0;font-size:22px}.menu-item>.navigation-button-content{flex:auto;gap:12px;min-width:0}.menu-item>.anticon,.menu-item>.navigation-button-content>.anticon{flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;font-size:20px;display:inline-flex}.menu-label{letter-spacing:.02em;flex:1;min-width:0;font-size:15px;font-weight:500}.submenu-arrow{opacity:.7;transition:transform .3s cubic-bezier(.4,0,.2,1);font-size:20px!important}.submenu-arrow.open{transform:rotate(180deg)}.submenu{max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.submenu.open{max-height:1000px}.submenu-wrapper{margin-bottom:2px}.submenu-item{color:#fff9;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:space-between;align-items:center;margin:0 12px;padding:10px 20px 10px 54px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.submenu-item>.navigation-button-content{flex:auto;gap:8px;min-width:0}.submenu-item>.navigation-button-content>.anticon{flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;font-size:20px;display:inline-flex}.submenu-item:before{content:"";background-color:#ffffff4d;border-radius:50%;width:4px;height:4px;transition:all .2s;position:absolute;top:50%;left:32px;transform:translateY(-50%)}.submenu-item:hover{color:#ffffffe6;background-color:#ffffff0f;padding-left:56px}.submenu-item:hover:before{background-color:#fff9;transform:translateY(-50%)scale(1.3)}.submenu-item.active{color:#fff;background:linear-gradient(135deg,#4f7cff 0%,#3b5fe8 100%);font-weight:500;box-shadow:0 4px 16px #4f7cff66}.submenu-item.active:before{background-color:#fff;transform:translateY(-50%)scale(1.5)}.submenu-label{flex:1}.submenu-item.has-nested{padding-right:12px}.nested-submenu{max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.nested-submenu.open{max-height:500px}.submenu-item.nested{padding-left:72px}.submenu-item.nested:before{left:50px}.submenu-item.nested:hover{padding-left:74px}.sidebar-bottom{background-color:#ffffff0d;border-radius:8px;align-items:center;margin:12px}.bottom-divider{background-color:#ffffff26;width:1px;height:24px}.logout-item{color:#ffffffb3;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:8px;padding:8px;transition:all .2s;display:flex}.logout-item:hover{color:#ff5757;background-color:#ff575726}.logout-item .material-symbol{font-size:20px}.logout-label{font-size:14px;font-weight:500}.language-selector{color:#ffffffb3;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:4px;padding:8px;transition:all .2s;display:flex}.language-selector:hover{color:#fffffff2;background-color:#ffffff1a}.language-selector .material-symbol{font-size:18px}.language-label{font-size:14px;font-weight:500}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:240px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.main-content.sidebar-collapsed{margin-left:0}.mobile-toggle{color:#fff;cursor:pointer;z-index:998;background:linear-gradient(135deg,#4f7cff 0%,#3b5fe8 100%);border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:16px;left:16px;box-shadow:0 4px 16px #4f7cff66}.mobile-toggle:hover{transform:scale(1.05);box-shadow:0 6px 20px #4f7cff80}.mobile-toggle:active{transform:scale(.95)}.mobile-toggle .material-symbol{font-size:26px}.top-bar{z-index:30;background:#fff;border-bottom:1px solid #e4e7ec;align-items:center;height:58px;padding:0 20px 0 24px;display:flex;position:sticky;top:0}.top-bar-tools{align-items:center;gap:4px;margin-left:auto;display:flex}.content-wrapper{flex:1;padding:24px}@media (max-width:768px){.top-bar{height:64px;padding-left:76px}.main-content{margin-left:0}.content-wrapper{padding:16px}}@media (min-width:769px){.mobile-toggle{display:none}}*{-webkit-tap-highlight-color:transparent}.menu-item:focus-visible,.submenu-item:focus-visible,.mobile-toggle:focus-visible{outline-offset:2px;outline:2px solid #4f7cff}