.app-container{height:100vh;display:flex;flex-direction:column;overflow:hidden}.header{background-color:#fff;height:60px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid #eee;position:relative;z-index:20}.header span{font-size:12px;color:#676767;margin-left:10px}.main-content{flex:1;display:flex;overflow:hidden}.sidebar{width:150px;background-color:#2c3e50;padding:20px 0}.mobile-menu-btn{display:none;width:38px;height:38px;margin-left:auto;border:none;border-radius:6px;background:#2c3e50;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px}.mobile-menu-btn i{display:block;width:18px;height:2px;border-radius:2px;background:#fff}.divider{display:block;height:1px;background-color:#f0eeee37;margin:10px}.menu-item{display:flex;align-items:center;padding:10px 20px;color:#fff;text-decoration:none;transition:all .3s ease;position:relative;border-radius:0}.menu-item:hover{background-color:#ffffff1a}.menu-item.router-link-active{background-color:#f5f5f5;color:#2c3e50;transform:translate(10px);border-top-left-radius:6px;border-bottom-left-radius:6px}.content{flex:1;padding:20px;background-color:#f5f5f5;overflow-y:auto;height:100%}.logo{display:flex;align-items:center;gap:8px;font-weight:500;text-decoration:none;color:inherit}.logo:hover{opacity:.8}.logo-icon{display:inline-block;vertical-align:middle}@media (max-width: 768px){.header{padding:0 12px}.header span{display:none}.mobile-menu-btn{display:flex}.main-content{position:relative}.sidebar{display:none;position:fixed;top:60px;right:12px;width:min(260px,calc(100vw - 24px));max-height:calc(100vh - 72px);padding:8px 0;border-radius:8px;box-shadow:0 12px 28px #1f2d3d3d;overflow-y:auto;z-index:30}.sidebar.open{display:block}.menu-item{padding:12px 16px;transform:none}.menu-item.router-link-active{transform:none;border-radius:0}.content{padding:14px}}.toast[data-v-3e77bb01]{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:4px;color:#fff;font-size:14px;z-index:10000;box-shadow:0 2px 8px #0003}.toast.info[data-v-3e77bb01]{background-color:#2c3e50}.toast.success[data-v-3e77bb01]{background-color:#27ae60}.toast.error[data-v-3e77bb01]{background-color:#e74c3c}.toast-enter-active[data-v-3e77bb01],.toast-leave-active[data-v-3e77bb01]{transition:all .3s ease}.toast-enter-from[data-v-3e77bb01],.toast-leave-to[data-v-3e77bb01]{opacity:0;transform:translate(-50%) translateY(-20px)}